Angular环境配置

1.安装node.js

　　访问官方网站：https://nodejs.org/en/下载node.js，直接下一步安装即可。安装完成打开cmd命令窗口输入node -v出现node版本号安装成功。

2.安装Angular/CLI

　　管理员模式打开cmd命令窗口，输入npm install -g @angular/cli 耐心等待安装，安装完成打开cmd命令窗口输入ng -v出现angular-cli安装成功。

3.创建Angular项目

　　管理员模式打开cmd命令窗口进入F盘使用ng new ProjectName创建项目。（进入到的位置为项目创建路径，ProjectName为创建的项目名称）

　　创建项目成功

4.创建模块

　　管理员模式打开cmd命令窗口，进入刚刚创建的F盘下的MyFirstAngularProject项目文件夹下，输入ng g component XXX创建组件。（XXX为组件名称）

5.运行项目

　　管理员模式打开cmd命令窗口，进入刚刚创建的F盘下的MyFirstAngularProject项目文件夹下，输入ng serve运行项目。

　　浏览器输入localhost:4200访问项目。

6.错误

　　管理员模式打开cmd命令窗口，进入刚刚创建的F盘下的MyFirstAngularProject项目文件夹下，输入ng serve运行项目。出现

1.npm update -g @angular/cli

2.把 package.json中的 "@angular/cli": "X.X.X", 改成"@angular/cli": "^1.6.0"

3.npm update

输入ng serve运行项目，问题解决。

注：若项目中需使用JQuery,Bootstrap等要自己使用npm指令安装。

巴特西