001Angular2環境准備


01、安裝Node.js 和 npm

  安裝完成后,在命令行依次使用node -vnpm -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的組件

 

 

  

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM