Node.js+Express+Grunt+Bower+RequireJS项目搭建时的常用命令

1.Node.js(开发环境)

  在nodejs.org下载并安装node.js

  node -v  //查看node.js版本

  npm -v  //查看npm(node的包管理器)版本

  npm init  //引导创建依赖包信息管理文件“package.json”

  node --debug-brk app.js  //调试模式

  node -inspector  //开启检查

2.Express(Web应用框架)

  npm install -g express  //安装express

  npm install -g express-generator  //安装express的命令行工具

  npm update -g [name]  //更新包

  express -V  //查看express版本

  express [APP_name]  //创建项目

  调整项目文件目录

  cd [APP_name] && npm install  //进入项目目录并检测“package.json”文件安装所有依赖包

  npm install nodemon --save  //安装nodemon并写入“package.json”文件

  修改“package.json”文件中start的命令为nodemon并根据调整后的目录更改路径

  npm start //启动服务

  打开浏览器,输入 localhost:3000 查看

3.Grunt(任务管理)

  增加待编译文件目录

  npm install -g grunt-cli  //安装grunt的命令行工具

  npm install grunt --save-dev  //安装grunt并写入“package.json”文件

  grunt -V  //查看grunt版本

  备注:grunt相关的依赖包都使用 --save-dev

4.Bower(前端依赖管理)

  npm install -g bower  //安装bower

  bower -v  //查看bower版本

  bower init  //引导创建依赖包信息管理文件“bower.json”

  创建.bowerrc文件,输入内容:

    {"directory": "public/libs"}  //设置依赖包下载目录

  bower search [name]  //搜索包

  bower install [name] --save  //安装包并写入“bower.json”文件中

  bower install [name] --save-dev  //只用于开发中

  bower update [name] --save  //更新包

  bower uninstall [name] --save  //移除包

  bower install  //检测“bower.json”文件安装所有依赖包

5.RequireJS(JS加载管理)

  创建config.js文件用于配置依赖包路径,内容格式:

 1 require.config({
 2     baseUrl: ‘src‘,
 3     paths: {
 4         jquery: ‘src‘,
 5         bootstrap: ‘src‘
 6     },
 7     shim: {
 8         bootstrap: [‘jquery‘]
 9     }
10 });

  视图文件下方引入:

<script src="requirejs path", data-main="pagejs path"></script>

  页面js文件中头部:

require([‘./conifg‘], function(config) {
    require([‘jquery‘, ‘bootstrap‘], function($) {
        // this is your code
    });    
});

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。