angular2 學習筆記 ( angular cli & npm version manage npm 版本管理 )

更新 : 2017-05-05

 

現在流行 Yarn !

它是 facebook google 推出的東西.

算是補助 npm 做的不夠好的地方. 源碼依然是發布去 npm，只是下載接口換掉罷了哦. 

npm install -g yarn 

ng set --global packageManager=yarn

安裝 yarn 然后設置一下 angular cli 就可以使用它啦. 

 

 

2017-02-02

Angular cli 

refer : https://github.com/angular/angular-cli (官網)

angular cli 是開發 angular 必備的工具. 主要是讓你離開底層的工程代碼, 比如使用 webpack 等等. 

有了它我們就不需要直接接觸 webpack 之類的工程化工具了. 

 

$ npm install -g angular-cli (需要安裝全局)

然后我們就可以使用 

$ ng new ProjectName

來創建項目了.

要發布的話 

$ ng build --prod 

要更新 cli 的版本, 我們必須 global 和 local 一起更新. 

global 

$ npm uninstall -g angular-cli 

$ npm cache clean 

$ npm install -g angular-cli@latest or $ npm install -g angular-cli@x.x.x 

local 

$ npm install --save-dev angular-cli@latest

$ ng update

ng update 會替你需改一些 files, 全部選 Y (yes)

然后可以通過 vs code git 去看看 different, 然后我們在自己調整內容. 

 

 

NPM : 

refer : 

http://stackoverflow.com/questions/36597780/how-do-i-correctly-upgrade-angular-2-npm-to-the-latest-version 

http://stackoverflow.com/questions/10972176/find-the-version-of-an-installed-npm-package

https://docs.npmjs.com/misc/semver (官網)

 

介紹一些基本操作 : 

 

-npm outdated

可以看到那些 outdated 的 package

 

-npm list 

列出所有 package 的 version 

 

-npm update 

會依據 package.json 給的 range 去更新