win10下Angular2开发环境搭建

时间:2022-12-22 23:09:31

自从离开上家公司,好久没摸angular,今天想写个东西,结果发现ng命令居然没用,难道我之前没在自己电脑上搭过环境?不对啊,应该早就用过的,233333......

万丈高楼平地起,撸起袖子这就干!

检查了node、npm之前安装好了(根据官网介绍安装就行【检查是否安装:cmd输入命令:node -v;npm -v】),环境变量也配置了。

运行npm install -g @angular/cli   再输入ng -v检验,啊...,'ng'不是内部或外部命令23333......卸载重装吧。

卸载旧版本 npm uninstall -g angular-cli

缓存清理干净npm cache clean

结果提示使用npm cache verify删除,那就强制删除 npm cache verify --force

再次运行npm install -g @angular/cli   再输入ng -v检验,结果如下图(怎么不是传说中的出现一个巨大的用线条画出来的angular cli字样....先不管,能用就行)

win10下Angular2开发环境搭建

 

耐着我的暴躁性子看了一下上面的英文,原来要用ng version查看版本,终于出现了下图:

win10下Angular2开发环境搭建

 

OK,转到我的项目目录去,用ng new programName建一个项目,如下图:

 win10下Angular2开发环境搭建

 

cd programName进入项目目录,运行ng serve开启服务。

在浏览器输入http://localhost:4200/,出现如下页面就大功告成:

 win10下Angular2开发环境搭建

写在最后,参考了这位博主https://blog.csdn.net/dreamer66/article/details/82777937的文章,感谢啦~