NodeJS 、Express4.x、Augular、Bootstrap项目创建

第一部分:安装node 、Express、Jade
   1、下载nodejs,官方下载地址:http://nodejs.org/
   2、安装过程,选择下一步直到安装完成。(node -v | npm-v //查看版本)
   3、设置淘宝的registry
[plain]  view plain  copy
  1. npm config set registry https://registry.npm.taobao.org   
  2. npm info underscore (如果上面配置正确这个命令会有字符串response)  
   4、打开命令行执行命令安装express、jade
[plain]  view plain  copy
  1.    npm install -g express  
  2.    npm install -g express-generator  
  3.    express -V   //查看版本  
  4.    npm install -g jade     
  5.   //安装中间件  
  6.   npm install serve-favicon morgan method-override express-session body-parser multer errorhandler --save  
   5、问题解决
   1)win8系统 需要"命令行【管理员】"执行" msiexec+/package+安装包路径 "安装,否则会安装失败。
   2)express无法执行,是环境变量不对,在环境变量中添加express目录,默认C:\Program Files\nodejs
第二部分:生成工程
  1、生成工程
[plain]  view plain  copy
  1. > express --help  
  2. PS D:\tmp\node\hello-world> express --help  
  3. Usage: express [options]  
  4. Options:  
  5.   -h, --help          output usage information  
  6.   -V, --version       output the version number  
  7.   -s, --sessions      add session support  
  8.   -e, --ejs           add ejs engine support (defaults to jade)  
  9.   -J, --jshtml        add jshtml engine support (defaults to jade)  
  10.   -H, --hogan         add hogan.js engine support  
  11.   -c, --css <engine>  add stylesheet <engine> support (less|stylus) (defaults to plain css)  
  12.   -f, --force         force on non-empty directory  
  建立myapp工程
  ①、cd到要创建工程的目录: cd: Develop\NodeJs
  ②、使用express创建工程: express --sessions --css stylus myapp
  ③、cd到myapp: cd myapp
  ④、安装node_modules:  npm install(这个过程有点慢)
  ⑤、启动工程: npm start

  ⑥、打开浏览器访问:http://localhost:3000(默认端口是3000)

第三部分、采用bower安装Augular和Bootstrap
1、在myapp工程目录下建立.bowerrc,里面添加内容
{
  "directory":"public/components"
}
2、执行bower初始化操作,一路回车,生成bower.json文件
bower init
3、用bower安装Augular
bower install angular-bootstrap --save
4、安装Augular的route
bower install angular-route --save
5、安装bootstrap
bower install remarkable-bootstrap-notify --save

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值