使用Angular4手把手構建符合企業實際的項目管理系統-----環境搭建

初始環境搭建：

               nodejs       6.x版本

　　　　安裝nodejs的目的是使用npm管理項目依賴庫的軟件包   

　　　　此時使用node --version  ,npm --version確認其正確安裝

　　　　

　　　　因爲網絡環境的緣由可使用cnpm(首選，淘寶團隊維護)和yarn做爲替代的包管理工具

 　　　　安裝cnpm:    npm i -g cnpm

　　　　此時可使用cnpm替代npm安裝命令  例如：cnpm i  -g @angualr/cli

　　　　使用cnpm i  -g @angualr/cli@1.0.0 安裝angular腳手架 經過cli工具能夠自動構建項目，模塊，路由等等

　　　　angular cli工具可使咱們無須理會項目結構的配置，使咱們更關注於項目功能的編寫。

　　　　此時會產生一個ng的命令，ng經常使用命令：

　　　　ng new 項目名   新建angular項目

　　　　ng build -prod  生產環境編譯  

　　　　ng serve 啓動開發服務器

　　　　ng serve --port 指定端口號   

　　　　ng test   　

IDE配置：

            VSCode

   Debug插件       Angualr2+Snippets插件

   擴展→搜索 Debug  找到Debugger for Chrome

　　　　　　　　　　　　Angular2+ Snippets

    Chrime瀏覽器安裝Augury擴展程序

　使用Augury能夠查詢依賴關係圖，項目結構等等

　

package.json中:

　使用npm --save命令  則依賴會被記錄在"dependencies"中

　使用npm  --save -dev命令  則依賴會被記錄在"devDependencies"中

　軟件運行時的依賴是在dependencies 中，而開發測試時候的依賴能夠在devDependencies中 

 

安裝@angular/cli出現錯誤解決辦法：

　　npm uninstall -g @angular/cli

　　npm cache clean 

　　npm install -g @angular/cli@1.0.0

       直到沒有錯誤爲止。