目前前端开发正处于快速发展阶段,接触angular时,Angular 2刚刚发布,现在第五版也已经发布。由于刚开始没有系统的学习,导致工作中,经常捉襟见肘。现在把自己在工作中踩过的坑,梳理一下,算是总结一下经验。有什么不对的地方,还请大家包涵一下。
先从Angular环境搭建开始吧。这里就以Windows 10环境为例吧【由于本人没用过mac,对mac不了解,就帮不了使用mac环境的朋友了】
搭建Angular环境前,先要安装Nodejs【百度一下Nodejs,就可以找到下载地址,这里就不提供了】,然后在安装python【也百度一下吧】,工作中没有安装python,angular项目也能运行起来,但是控制台会有错误警示,如果有处女座的朋友,还是安装一下吧。
生活在国内的朋友,也知道国内的网络情况,由于Angular有很多依赖包都放置在国外服务器上,如果直接运行命令安装Angular-cli会发生卡死或者安装错误情况。所以,在运行安装命令之前,建议朋友们,设置一下npm淘宝镜像。设置淘宝镜像命令如下:
npm config set registry https://registry.npm.taobao.org
// 使用https镜像地址,在安装依赖时,命令行会有警示,也可使用http镜像
npm config set registry http://registry.npm.taobao.org
设置好之后,就可以运行Angular-cli安装命令了。
PS:如果想要配置npm下载安装模块的路径的话,可以使用下面的命令
npm config set prefix "D:\nodejs\npm"
npm config set cache "D:\nodejs\npm-cache"
下面罗列一下安装Angular-cli的命令,请按顺序运行。
npm install -g typescript typings
npm install -g @angular/cli@latest
如果安装失败可以运行下面命令,删除之前的安装,重新安装一遍
npm uninstall -g angular-cli
npm cache clean
在国内,在项目中使用npm命令安装依赖时,等待时间会长,而且会提示安装配置python2,如果不想安装python2,可使用cnpm安装项目依赖。前提得安装cnpm,配置好淘宝镜像之后,运行下面命令
npm install -g cnpm
如果在window 10下,同时安装了 vs2015,报【the windowsSDK version8.1 was not found】之类的错误,那么请你安装WIN 10系统的SDK。下载地址:
https://developer.microsoft.com/zh-cn/windows/downloads/windows-10-sdk
安装好之后,重启电脑,重新安装Angular-cli即可。
原创文章,作者:ZERO,如若转载,请注明出处:https://www.edu24.cn/course/angular-windows.html