2-1 CLI 工程結構

ng new 項目名稱：去建立一個angular的項目

ng new pinduoduo
是否須要添加路由，選擇否

選擇傳統的css

rm -fr pinduoduo:刪除剛纔建立的項目

ng new pinduoduo --skip-install:只生成文件，可是不安裝npm的依賴項

ng new pinduoduo --skip-install --style css --routing false

ng new --help:查一下ng new指令支持什麼東西，能夠看到它支持不少的參數

ng help:查看ng下面有哪些自命令

若是npm install 命令安裝報錯。 能夠用命令 ls -la把node_modules目錄先刪除


ng serve：啓動一個開發的服務，將代碼進行編譯


不一樣的代碼編譯器中，維持一樣的代碼風格：.editorconfig
例如不一樣的


.gitifnore:git中忽略的文件列表

angular.json:整個項目angular的定義文件

browerserslist:維持瀏覽性兼容性的文件

karma.conf.js：單元測試的


package.json

dependencies：項目依賴，項目會直接使用的依賴


devDependencies：開發依賴，
typescript並不會跟隨你發佈的版本，只會在寫代碼的時候用到。最終仍是生成爲javascript，因此只在開發階段用。

安裝直接的依賴：
npm i -S 等於 npm i --save
也就是-S 等於 --save
i就是install的縮寫

安裝開發依賴：
npm install --save-dev 軟件包名


~和^：
~：保證前兩個的固定，例如 8.0.0，保證的是8.0
^鎖定大版本，數字第一個

前面啥都不寫就是嚴格的要求必須是8.0.0的版本

package-lock.json:版本的依賴包鎖定


script：腳本

npm run ng 和實際用ng是同樣的


npm調用的命令是寫在你的配置文件夾中的
例如你全局安裝了cli是8.0的，可是你要運行一個angular 6.0版本的程序，那麼用ng 直接運行的就是8.0的
你用npm 去運行，它運行的就是你配置文件中的版本

npm run start：實際上就是這裏的ng serve


README.md:markdown格式的文檔

針對ts進行配置

繼承tsconfig.json

tsconfig.spec.json：帶spec是爭對測試的
最終編程es5的代碼也就是平時用的javascript的版本

tslint.json：作靜態代碼掃描，定義規則
引號的規則，這裏規定的是single，必須是單引號

例如這裏咱們寫成雙引號就會有提示綠色的波浪線

點擊快速修復就會修復爲單引號




ng lint：會對整個工程的文件進行掃描

 

回顧