实用性Angular运转自然环境并建立两个单纯的Angular
要撰写和运转Angular流程，须要实用性自然环境，须要加装node.js、angular-cli包、git、两个IDE辅助工具（这儿依照他们的偏好，这儿用的webstrom）
1. 实用性Angular运转自然环境加装nodeJS，官方网站浏览他们控制系统相关联版
浏览门牌号：
https://nodejs.org/en/download/浏览顺利完成后加装到他们须要留存的目录 接着CMD 校正加装与否获得成功
node -v 校正与否加装获得成功
Nodejs 会软件控制系统加装npm 试验npm与否加装获得成功
npm -v 校正与否加装获得成功
加装ts
CMD 指示询问处输出配置文件：npm install -g typescript
tsc -v 校正与否加装获得成功
加装cli
CMD 指示询问处输出配置文件：npm install -g @angular/cli
ng -v 校正与否加装获得成功
这儿是windows自然环境，打开cmd,cd 到须要建立工程的产品目录，ng new 项目名称 这儿浏览资源的时候可能比较慢，因为网站在国外，有两种方法，一种是科学上网，一种是cnpm install 这儿就不详述了
这儿是依照Angular5高级编程这本书进行学习的，这本说CSS 是基于BootStrap CSS 做的，所以须要在package.json文件中添加BootStrap CSS 的包 : “bootstrap”: “4.0.0-alpha.4”
“dependencies”: { “@angular/animations”: “~7.2.0”, “@angular/common”: “~7.2.0”, “@angular/compiler”: “~7.2.0”, “@angular/core”: “~7.2.0”, “@angular/forms”: “~7.2.0”, “@angular/platform-browser”: “~7.2.0”, “@angular/platform-browser-dynamic”: “~7.2.0”, “@angular/router”: “~7.2.0”, “core-js”: “^2.5.4”, “rxjs”: “~6.3.3”, “tslib”: “^1.9.0”, “zone.js”: “~0.8.26”, “bootstrap”: “4.0.0-alpha.4”} 3. 加装NPMcmd cd 到建立的项目的产品目录下面，执行nmp install浏览bootstrap的包，会有一些警告，不过不会有报错什么的
webStrom open 刚刚建立的项目，等待扫描顺利完成，产品目录结构如下
启动项目试验看一下，启动指示可以在package.json 文件中看到
“scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”:“ng build”, “test”: “ng test”, “lint”: “ng lint”, “e2e”: “ng e2e” }可以控制台运转，也可以实用性，这儿做下实用性。
实用性方式：
选择package.json, 右键选择“Show npm Scripts”实用性好后，start 跑一下，控制台输出Compiled successfully. 启动成功，依照启动控制台输出的http://localhost:4200/ ** 访问试验下
