安装开发环境
- 安装nodejs
参考 http://www.jianshu.com/p/32b389badfa8 这篇文章的第三点 - 安装Angular脚手架
npm install -g @angular/cli
- 安装Git
新建工程
```ng new <name>``
```npm install```
常用框架安装
ngx-bootstrap、primeNG、bootstrap、jquery
ngx-bootstrap
安装:npm install ngx-bootstrap bootstrap --save
在angular-cli中配置:
打开angular-cli.json文件,找到对应的位置,加入下面的代码:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css",
],
PrimeNG
安装:
npm install primeng --save
npm install font-awesome --save
Angular CLI配置
打开angular-cli.json文件,找到对应的位置,加入下面的代码
"styles": [
"../node_modules/font-awesome/css/font-awesome.min.css",
"../node_modules/primeng/resources/primeng.min.css",
"../node_modules/primeng/resources/themes/omega/theme.css",
//...
],
JQuery
安装:
npm install jquery --save
注意:jquery需要类型描述,执行 npm install @types/jquery --dev-save
Angular CLI配置
打开angular-cli.json文件,找到scripts节点,加入下面的代码
"scripts": [
"../node_modules/jquery/dist/jquery.min.js"
],
Bootstrap
npm install bootstrap --save
Angular CLI配置
打开angular-cli.json文件,找到styles、scripts节点,加入下面的代码
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
文件下载:
http://blog.csdn.net/holdlg/article/details/54926136
网友评论