首页 > 代码库 > Node.js+Express+Grunt+Bower+RequireJS项目搭建时的常用命令

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    });    });

 

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