Angular下载安装与常用插件的安装配置

安装开发环境

  1. 安装nodejs
    参考 http://www.jianshu.com/p/32b389badfa8 这篇文章的第三点
  2. 安装Angular脚手架
    npm install -g @angular/cli
  3. 安装Git

新建工程

```ng new ``
```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

你可能感兴趣的:(Angular下载安装与常用插件的安装配置)