NodeJs Grunt创建项目
Node的express创建项目的具体步骤:
1、安装Node,现在Node安装包进行安装即可;
2、安装grunt-cli : 打开cmd,以管理员的身份运行,将grunt-cli安装到全局环境中去。
grunt-cli是grunt的命令行,负责调用同一目录下的grunt。
npm install -g grunt-cli
验证是否生效: grunt ----------- 会出现 grunt-cli 的版本
3、在node中安装express:
npm install -g express
express在4.0后把命令工具单独分了出来,安装完express后,还得安装express-generator
npm install -g express-generator
查看版本号:
express --version
4、使用express创建项目
切换到项目所在文件夹:
cd F:\NodeProject
创建项目:
express -e myProject
安装依赖包:
cd myProject && npm install
启动项目:
npm start 或者 node bin/www
浏览器打开:
localhost:3000
如果我们修改代码的话,刷新并没有改变,我们就得不停的重启,这是需要一个工具进行自动重启:
npm install -g supervisor
我们再修改的话,浏览器只需要刷新就可以看到修改:
supervisor bin/www
退出监听:
ctrl + c
5、安装grunt
在项目路径下安装:
npm install grunt --save-dev
安装后在目录下的package.json文件可以看到grunt版本。
我们需要在项目目录下创建一个 Gruntfile.js文件
6、安装第一个插件uglify,用于压缩js文件:
npm install grunt-contrib-uglify --save-dev
为插件做一些配置,以便添加的插件能为我们所用:
具体看截图
7、再安装一个插件jshint,用于检测js语法错误
npm install grunt-contrib-jshint --sava-dev
在Gruntfile做一下配置:
具体看截图
需要一个jshint文件
8、再安装一个真正实现监听自动化的插件watch
npm install grunt-contrib-watch --save-dev