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