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