01、安裝Node.js 和 npm
安裝完成后,在命令行依次使用node -v 和 npm -v可以看到版本號。
02、安裝cnpm
npm需要連接谷歌服務器,國內不能正常使用,需安裝cnpm。命令行輸入npm install -g cnpm --registry=https://registry.npm.taobao.org。
使用cnpm -v查看cnpm版本信息。
03、安裝Angular CLI
命令行輸入cnpm i -g @angular/cli。
04、cnpm設置為默認包管理工具
命令行輸入ng set --global packageManager=cnpm。
05、新建angular2工程
命令行輸入ng new my-test,在命令行所在目錄創建my-test工程。
06、啟動工程
命令行進入工程目錄cd my-test,輸入ng serve --prod --aot啟動工程
監聽4200端口,在瀏覽器訪問http://localhost:4200,可看到創建的網頁。
07、cnpm start
當代碼發生變化時,自動重新編譯啟動,並刷新瀏覽器。
08、安裝代碼編輯器VS Code
打開VS Code,菜單->文件->打開文件夾->選中my-test文件夾,即可打開編輯my-test工程。
09、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的組件