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就是来干这个的)

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