Webstrom創建Angular CLI工程

使用Webstrom搭建Angular的過程中,按照網上教程,莫名踩坑。。。最後發現竟然走了遠路。。。

剛開始安裝,用了淘寶鏡像、用npm裝了typescript,然後裝Angular cli時出現了錯誤。。無法卸載也去除不了錯誤。。

沒辦法只能祭出大招,卸載了nodejs,並刪除了如下路徑中的2個npm文件。

C:\Users\Administrator\AppData\Roaming\

(如果沒有npm報錯的,在確認沒有安裝過angular cli的情況下跳過)

可以使用指令查看npm是否有Error,以及angular cli是否已經安裝

npm list -g --depth 0

尷尬反正我很尷尬的重新裝了nodejs後,版本如下:


重點來了,直接按照官網https://angular.io/guide/quickstart,全局安裝angular cli

npm install -g @angular/cli

安裝完成後,使用npm查看已安裝的全局包

npm list -g --depth 0

能成功裝上,基本就沒有問題了。使用webstrom創建項目吧


package.json文件右鍵-Show npm Scripts


點擊Start


瀏覽器驗證

http://localhost:4200/ 

微笑微笑果然,依賴什麼的,已經在node_modules文件夾裏了。。。(cli就是來幹這個的)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章