标签：npm powershell Step Win10 ng 安装 Angular
Win10 安装配置使用Angular
今天安装Angular，由于第一次安装，绕了很多弯路，特此记录一下。主要问题就是在官方npm和淘宝cnpm之间来回跳转，导致问题。先说明一下，当前如果选择安装淘宝镜像的cnpm，创建项目的时候会出现“setTimeOut is not defined”这种错误，查看 https://github.com/ng-docs/ng-docs.github.io/issues/168 帖子，故选择放弃使用cnpm的安装方式。直接从官网npm install其实也不是很慢，稍微等一下就好，而且步骤简单、顺畅，总比装了cnpm后无法使用，反复卸载（还得担心哪里卸载不干净）要方便一些。OK，吐槽完毕，进入主题:
主要参考连接：
Step 1
Nodejs官网下载最新稳定版的node安装包（下载起来可能比较慢，可以用迅雷或其他方式直接下载），然后傻瓜式的一路next往下安装即可。
node安装完成之后，会自带npm，可以进行测试查看nodejs和npm的版本，以此在powershell中输入“node -v”、“npm -v”。
Step 2
安装好nodejs和npm之后，可以选择安装Typescript。使用npm安装的命令一般都是“npm install -g xxxx”，比如安装Typescript就是：
npm install -g typescript
等待一段时间，安装完成之后，可以在powershell中使用“tsc -v”查看Typescript的版本。
Step 3
最后，来到了耗时较久的安装AngularCLI脚手架的环节。powershell中输入
npm install -g @angular/cli
然后，让他自己安装就好，耐心等待。装好angularcli之后，查看当前版本：
ng -v (或者ng version)
命令窗口中出现相应的Logo，即可。
注意： 这里如果在powershell中“ng”无法使用，则需要按照上述参考链接2里面的设置一下“计算机的执行策略”，具体做法是在当前powershell中输入
set-ExecutionPolicy RemoteSigned
然后，选择YES（输入Y），再重启一下powershell（以管理员身份），即可使用“ng -v”看到输出的Logo和版本号。
Step 4
最后，最耗时的地方，就是使用ng指令创建一个Angular项目，因为发现这个步骤还是会涉及到installing好多资源文件。具体指令就是（比如创建hi-wolrd项目）：
ng new hi-world
这个时候就可以选择干点其他的什么事去了。等创建好之后，“cd hi-world”进入项目的目录地址，在当前目录下：
ng serve --open
打开默认浏览器，显示出Angular的欢迎界面，即可大功告成！
标签：npm,powershell,Step,Win10,ng,安装,Angular 来源： https://www.cnblogs.com/leonwen/p/15315364.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。