前端开发环境搭建

1.上nodejs官网下载并安装node      https://nodejs.org/en/download/       

2.根据自己的电脑系统下载正确的安装包进行安装,安装时可以不用安装到c盘,选择d盘文件夹都可以,而且nodejs安装后会自动将安装路径添加到系统环境变量,省去手动添加麻烦。

3.安装后可以验证下nodejs是否成功安装;进入运行,输入cmd,在里面输入node -v 按回车;如果正确安装,将会输出你安装的版本。

4.开始安装grunt:可以在开始菜单menu中的node.js文件加下打开nodejs command,在其中输入npm install -g grunt cli;将下载并安装grunt。其中的-g是安装到全局的意思。

5.安装完成后,需要验证下grunt释放正确安装。可以在cmd中输入:grunt;提下一下

6.安装好grunt后,就可以安装插件了;最重要的包管理插件bower;在cmd中输入: npm install bower -g进行全局安装。安装完成后可以验证一下,在cmd中输入:bower -v;输入当前安装的版本表示成功安装。

7.使用bower下载插件等是需要git的,所以需要安装git;可以到git官网Git 官网地址:http://www.git-scm.com下载

8.安装express,在cmd中输入:npm express -gd;   -g代表安装到NODE_PATH的lib里面,而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录。

   安装完成后验证下:在cmd中输入:express -v;如果没有输入出版本号,可能有如下原因:①在第二步安装node是没有添加环境变量,这种情况把node添加的环境变量即可解决。②express 4.x版本中将命令工具分出来了,需要再安装一个命令工具,执行命令“npm install -g express-generator”。

 9..bower初始化:在webworkspace文件夹下,cmd中输入:bower init;输入后,一直按回车键,但出现looks good,时,选择yes;

http://www.cnblogs.com/haogj/p/4780982.html

http://www.cnblogs.com/wangfupeng1988/p/4561993.html

http://blog.csdn.net/bushionmath/article/details/51475233

posted @ 2017-06-29 16:14  你好and程序员  阅读(166)  评论(0编辑  收藏  举报