前端开发,在工具配置时可能出现的问题

我用的是windows环境

一毕要环境:

1:nodejs 官网:https://nodejs.org/en/

2:由于很多国外网站国内都访问不了(如果没有设置会出现很多奇怪的错误),所有必需FQ 我用的是淘宝的:http://npm.taobao.org/

3:python https://www.python.org/

4:Visual C++ 2010 Express(如果你装了vs 这一步可以省) https://www.visualstudio.com/zh-cn/products/visual-studio-express-vs

5:Git http://www.git-scm.com/download/

二环境变量配置(这个很重要)

1:nodejs 环境变量设置

2:python 环境变量设置

3:Git 环境变量设置

我们刚安装好了nodejs 时

我的是安装在D:\Program Files\nodejs (如果你安装在不同的盘上,环境变量也是变)

一般会在用户变量下面有的node_path

就是很红色部分

我这里是把它移到系统变量中去了

我先把我的变量贴出来

NODE_PATH

D:\Program Files\nodejs\node_global\node_modules;D:\Program Files\nodejs\node_global

path

D:\Program Files\nodejs\;D:\Program Files\Git\cmd;D:\Program Files\nodejs\node_global;D:\Program Files\python;

三 本地安装 全局安装

npm的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已

npm install grunt # 本地安装
npm install -g grunt-cli # 全局安装

全局安装的设置方式

npm config set prefix 安装的路径

我的是在这里

npm config set prefix D:\Program Files\nodejs\node_global

我们还可以设置下缓存

npm config set cache 安装的路径

我的是在这里

npm config set cache D:\Program Files\nodejs\node_cache

代理设置(FQ)

npm config set proxy 代理服务器

我的是这样设置的

npm config set proxy https://registry.npm.taobao.org

以上三个你都可以在当前系统登入的帐号下面找到一个叫.npmrc文件

这里面保存了上面的几个设置

我的是在这里找到C:\Users\YMH

你也可以直修改.npmrc 这个文件

这样设置好就可以了

时间: 2024-10-08 10:21:22

前端开发,在工具配置时可能出现的问题的相关文章

Web前端开发必备工具推荐

http://gaohaixian.blog.163.com/blog/static/12326010520114265223489/不管你做前端开发还是网页重构,前端工具都起着非常重要的作用,这里向大家推荐一些优秀,且被广为用之的前端开发工具.下面主要为大家 推荐的是辅助开发工具和网页调试工具. 1.前端开发必备工具之辅助开发工具篇 在这里推荐一些前端开发中可以是你提高开发效率的小工具,既小巧又方便: 一.截图,取色,量尺寸,屏幕录制工具 FastStone Capture 主要用途:截图,取

Brackets前端开发IDE工具

Brackets是一个开源的前端开发IDE工具,网页设计师和前端开发人员必备的前端开发IDE工具. 它能够使你在开发WEB网站实时预览你的网页,目前版本只适用于Chrome浏览器可以实时预览效果 支持中文,下载下来之后是英文,只需要在Debug中设置语言就可以使用熟悉的原生中文语言. 官网下载地址 http://brackets.io/

前端基础入门第一阶段-Web前端开发基础环境配置

Web前端和全栈的定义: A.什么是传统传统web前端:需要把设计师的设计稿,切完图,写标签和样式,实现JS的效果,简而言之即只需要掌握HTML的页面结构,CSS的页面样式,javaScript页面的行为(包括页面的效果和整合): B.HTML5时代的大前端:要处理各种端的兼容开发(PC,移动端,各种浏览器).移动APP开发和移动站点开发,Ajax+服务器端技术开发,异步开发和后台的交互.高级设计模式和框架(MVC,AngularJS...).运用自动化工作流(Grunt).网站安全.SEO.测

6 个前端开发必备工具,提高你的生产力

网络为我们提供了多种多样的前端工具,我挑选了6个实用的前端工具,能帮助大家提高工作效率. 1.EnjoyCSS 老实说,我做过很多的前端开发,但一直不擅长CSS. 这个简单易上手的工具在很多时候给了我极大的帮助.它既是一个代码生成器,也是一个视觉编辑器. 你可以用它来创建各种网页元素,例如按钮.输入框,同时给它们添加自定CSS3属性. 2.Prettier Playground Prettier是一个代码格式化工具,支持JavaScript, ES2017, JSX, Angular, Vue,

5款前端开发数据分析工具

HttpWatch: 强大的网页数据分析工具.集成在Internet Explorer浏览器中.只需要选择相应的网站,软件就可以对网站与IE之间的需求回复的通讯情况进行分析并在同一界面显示其相应日志记录.每一个HTTP记录都可以详细的分析其 Cookies.消息头.字符查询等信息.支持HTTPS及分析报告输出为XML.CSV等格式.最常用的地方是当点击保存按钮时跳转页面,此时页面已经刷新,我们无法查看请求的和返回的数据,这时候只要开启HTTPWatch就可以捕捉到数据. 使用方法 TamperI

Dawn 阿里开源前端开发构建工具

Dawn 取「黎明.破晓」之意,原为「阿里云·业务运营团队」内部的前端构建和工程化工具,现已完全开源.它通过pipeline 和 middleware 将开发过程抽象为相对固定的阶段和有限的操作,简化并统一了开发人员的日常构建与开发相关的工作. 特点 采用中间件技术,封装常用功能,易于扩展,方便重用 支持 pipeline 让多个 task 协同完成构建任务 简单.一致的命令行接口,易于开发人员使用 支持基于「中心服务」管理中间件和工程模板 支持搭建私有中心服务,并统一下发构建规则,易于团队统一

前端开发构建工具

https://developers.google.com/web/tools/setup/setup-buildtools ----------------------------------------------------------------------------------------------------------------------------------- 了解如何使用一套构建流程工具加快开发速度和创建快速加载的网站.每个网站均应有一个开发版本和一个生产版本. 开发

前端开发环境全面配置 --- mac OS

Mac 开发配置 brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" Oh My Zsh? sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)" ~/.zshrc 添加 source ~

前端开发环境工具汇总

代码编辑工具sublime(推荐emmet插件,html.css自动补全等功能)webstorm 断点调试工具firebugangularjs batarang(chrome插件) 开发和调试工具nodejs 版本管理工具git 代码合并和混淆工具grunt(js文件合并.js代码自动压缩.ctrl+s自动执行前两步骤和单元测试.集成测试) 依赖管理工具bower(自动安装依赖组件.组件依赖检测.版本兼容自动检测) 单元测试工具karma(跑测试用例的runner)jasmine(类似JUnit