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

标签：style   blog   http   io   color   ar   os   使用   sp   

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项目搭建时的常用命令

标签：style   blog   http   io   color   ar   os   使用   sp   

原文地址：http://www.cnblogs.com/zhnoah/p/4098237.html