angular环境搭建时的坑

安装angular环境踩过一些坑,最终还是把工程跑起来了,这里描述一下我的步骤,不排除有些步骤是多余的,希望能对遇到同样问题的小伙伴有帮助。

  1. 下载最新版node.js。
  2. 安装node,安装过程一路点下一步。
  3. 打开cmd,执行node -v和npm -v确定安装成功。
  4. 安装angular-cli报了几个错,分别是缺少visul c++组件,缺少phython环境,。
  5. 下载最新phyton,安装并设置环境变量(网上有详细步骤,因为第四步问题总是不成功,我怀疑是phython原因,所以卸装好几遍)。
  6. 安装.NET Framework 的SDK,去下个2.0以上的版本装。(网上有资源,因为第四步总是不成功,我怀疑是SDK原因,所以卸装了好几个版本)。
  7. 安装微软的visul studio,这玩意太大,几十个G大小,反复装几次总是装一半就失败,说缺少微软这个组件那个组件的,换版本也不成功,后来我不理它了。
  8. 设置淘宝镜像到.npmrc文件,我直接复制别人博客的内容,有三条:phantomjs_cdnurl=http://cnpmjs.org/downloads、sass_binary_site=https://npm.taobao.org/mirrors/node-sass/、registry=https://registry.npm.taobao.org
  9. 卸载原没装成功的angular-cli,重装。
  10. 安装失败,卸载angular-cli,用cnpm命令再装angular-cli。
  11. 在cmd执行ng -version验证成功。
  12. 找个目录执行ng new 命令创建angular项目,创建失败,错误信息怎么描述我忘记了,网上说node-sass有些内容下不下来,还有node-gyp依赖visul studio的API。执行这个错误项目,会报缺angular库的一些文件。
  13. 反复卸装node-sass,安装的时候都报错,后来我不理它了。
  14. 再执行ng new命令创建angular项目,这个项目会先create一堆基础文件然后再安装node_modules。我一看到create完立马按ctrl+c退出安装,然后在工程根目录用cnpm去安装。工程顺利创建。(new的时候会用npm安装依赖库,这里是用淘宝镜像去安装依赖库)
  15. 启动angular项目,总卡在“LicenseWebpackPl”,进度条卡死在95%。
  16. 用npm命令安装yarn管理工具(官网上的安装包下不了)。
  17. 重新创建angular项目,跟步骤14一模一样。删除项目里的node_modules。
  18. 进到工程的根目录执行yarn命令,执行完之后,根目录出现了node_modules文件了。
  19. 执行npm start,顺利启动angular工程!