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   add stylesheet  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

你可能感兴趣的:(WEB技术)