Angular 环境部署

1.安装angular/cli

npm install -g @angular/cli

2.创建工作空间和初始应用

ng new my-app #创建应用
ng new my-app --skil-install #创建应用，但是不初始化,使用cnpm install初始化

3.配置阿里镜像

• 找到node安装目录 nodejsn/ode_modules/npm
• 修改 npmrc 文件 registry =https://registry.npm.taobao.org

4.解决ng new 命令慢

• 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org
• 创建工作空间ng new my-app –skip-install
• 然后进入my-app项目中，执行cnpm install
• 或者安装阿里镜像后执行 npm install 直接从国内镜像下载

5.安装bootstrapt 和 jquery

• 注意：使用npm安装，不能使用cnpm，不然会出现$不能使用，和bootstrapt没有样式的问题
• npm install jquery --sava
• npm install bootstrap--sava
• 安装类型描述文件npm install @types/jquery --save-dev
• 安装类型描述文件npm install @types/bootstrap--save-dev
• 如果使用了cnpm安装，则删除node_modules目录，执行npm install
• 引入资源文件,编辑angular.json：

           "styles": [
              "src/styles.css",
              "./node_modules/bootstrap/dist/css/bootstrap.css"
            ],
            "scripts": [
              "./node_modules/jquery/dist/jquery.js",
              "./node_modules/bootstrap/dist/js/bootstrap.js"
            ]

6.启动项目

• 执行ng serve