0一、安裝Node.js 和 npmnode
安裝完成後,在命令行依次使用node -v 和 npm -v能夠看到版本號。npm
0二、安裝cnpm瀏覽器
npm須要鏈接谷歌服務器,國內不能正常使用,需安裝cnpm。命令行輸入npm install -g cnpm --registry=https://registry.npm.taobao.org。服務器
使用cnpm -v查看cnpm版本信息。angular2
0三、安裝Angular CLI編輯器
命令行輸入cnpm i -g @angular/cli。工具
0四、cnpm設置爲默認包管理工具測試
命令行輸入ng set --global packageManager=cnpm。ui
0五、新建angular2工程spa
命令行輸入ng new my-test,在命令行所在目錄建立my-test工程。
0六、啓動工程
命令行進入工程目錄cd my-test,輸入ng serve --prod --aot啓動工程
監聽4200端口,在瀏覽器訪問http://localhost:4200,可看到建立的網頁。
0七、cnpm start
當代碼發生變化時,自動從新編譯啓動,並刷新瀏覽器。
0八、安裝代碼編輯器VS Code
打開VS Code,菜單->文件->打開文件夾->選中my-test文件夾,便可打開編輯my-test工程。
0九、ng命令
ng serve --prod --aot 啓動工程
ng build --prod --aot編譯工程
ng test 測試工程
新建相關:
縮寫 | 全稱 | 解釋 | |
ng generate | cl | class | 新建類 |
i | interface | 新建接口 | |
c | component | 新建組件 | |
d | directive | 新建指令 | |
e | enum | 新建枚舉 | |
m | module | 新建模塊 | |
p | piple | 新建管道 |
例子:
ng g cl User:新建名爲User的類
ng g c UserComponent:新建名爲UserComponent的組件