我用的是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 这个文件

这样设置好就可以了

windows下前端开发工具遇到的问题总结(yeoman bower grunt)的更多相关文章

  1. 前端自动化学习笔记(一)——Yeoman,bower,Grunt的安装

    最近看视频学习了前端自动化的一些知识,确实让我大开眼界.感觉前端越来越神器了.同时跟着视频自己也尝试运用了一些工具去构建前端项目,但是中间遇见了很多坑,磕磕绊绊的才实现了一点功能,所以打算记录一下学习 ...

  2. windows下前端开发环境配置

    nvm安装 多媒体布局 前端自动化构建工具,gulp nvm管理node的版本,npm是node的包管理工具 下载nvm安装包 https://github.com/coreybutler/nvm-w ...

  3. linux下C++开发工具

    就C++开发工具而言,与Windows下微软(VC, VS2005等)一统天下相比,Linux/Unix下C++开发,可谓五花八门,各式各样.Emacs, vi, eclipse, anjuta,kd ...

  4. 【Objective-C】Windows下Objective-C开发环境配置

    [Objective-C]Windows下Objective-C开发环境配置 ftp://ftpmain.gnustep.org/pub/gnustep/binaries/windows/   最近打 ...

  5. windows下STM32开发环境的搭建

    一.概述 1.说明 笔者已经写了一篇Linux下STM32开发环境的搭建 ,这两篇文章的最区别在于开发环境所处的系统平台不一样,而其实这个区别对于开发环境的搭建其实影响不大,制作局部上的操作上发生了改 ...

  6. sublime 前端开发工具

    http://code.kpman.cc/2014/10/14/sublime-text-3-mac-%E6%8C%87%E5%8D%97/ gif 屏幕录制:http://recordit.co/ ...

  7. 【翻译】我钟爱的Visual Studio前端开发工具/扩展

    原文:[翻译]我钟爱的Visual Studio前端开发工具/扩展 怎么样让Visual Studio更好地编写HTML5, CSS3, JavaScript, jQuery,换句话说就是如何更好地做 ...

  8. 超高速前端开发工具——Emmet

    [由于 CSDN 不支持富文本编辑器写的文章迁移到 Markdown 编辑器中修改,已重发了一个重新排版的版本, 新版链接:http://blog.csdn.net/ys743276112/artic ...

  9. QT + OpenCV + MinGW 在windows下配置开发环境

           由于研究项目需要,最近开始接触C++界面设计,关于“QT + OpenCV + MinGW在windows下配置开发环境”着实让人头疼,单次配置时间相当长,也十分不容易,本人第一次配置成 ...

随机推荐

  1. 简述Spring容器与SpringMVC的容器的联系与区别

    简述Spring容器与SpringMVC的容器的联系与区别 2017年07月04日 10:55:07 阅读数:6260 摘要: 在Spring整体框架的核心概念中,容器的核心思想是管理Bean的整个生 ...

  2. Java Web(三) Servlet会话管理

    会话跟踪 什么是会话? 可简单理解为,用户打开一个浏览器,点击多个超链接,访问服务器多个web资源,然后关闭服务器,整个过程称为一个会话.从特定客户端到服务器的一系列请求称为会话.记录会话信息的技术称 ...

  3. weblogic相关

    来源:http://zhidao.baidu.com/link?url=gqPaYovGiEHYPPPyI6PgPV6THVLr4nlj3CGCjY3mwm0-ERUnfuQz614ywAwYLnP6 ...

  4. js中字符串转数字的方法

    1.当字符串中是纯数字 例如:var s = '234'; /********** 字符串在运算操作中会被当做数字类型来处理 ***************/ s *= 1; /******* str ...

  5. bzoj4698

    题解: 后缀数组 对所有序列差分一下 公共串的长度+1就是答案了 二分 扫一遍height即可,.. 代码: #include <bits/stdc++.h> using namespac ...

  6. mybatis实战教程

    参考:http://blog.csdn.net/techbirds_bao/article/details/9233599/

  7. 主机访问虚拟机centos7的服务器

    一.虚拟机开启桥梁接 1.编辑-->虚拟网络编辑器 2.虚拟机-->设置 二.Centos的配置---关闭防火墙下的服务器接口 Centos7.0 默认使用firewall作为防火墙,这里 ...

  8. C++各种类继承关系的内存布局

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...

  9. Cracking The Coding Interview 4.1

    //Implement a function to check if a tree is balanced. For the purposes of this question, a balanced ...

  10. 深入理解java虚拟机---虚拟机工具jps与jstat(十四)

    jps-java process status jps类似于linux的ps命令,用于查看进程. JPS 名称: jps - Java Virtual Machine Process Status T ...