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


       




        









                                        



猜你喜欢

转载自blog.csdn.net/qq_31520903/article/details/78826060
今日推荐