安装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工程!

angular环境搭建时的坑的更多相关文章

  1. PHP环境搭建时缺少php7apache2_4.dll怎么办

    PHP环境搭建时缺少php7apache2_4.dll怎么办 下载的文件有问题! 1.在PHP官网点击Download下载时不管选择哪个版本的都有两个类型  如果需要 php7apache2_4.dl ...

  2. Android开发环境搭建时遇到问题的解决方法

    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/linux_loajie/article/details/33823637 Android开发环境搭建 ...

  3. Angular环境搭建

    Angular4 随笔(一)----环境搭建 1.下载node.js 第一步:在浏览器中搜索node.js官网(https://nodejs.org/zh-cn/),根据自己系统下载相应版本,下载完成 ...

  4. kubernetes实战之consul简单测试环境搭建及填坑

    这一节内容有点长,我们将介绍如何基于docker搭建一client一server的consul测试环境,以及如何搭建多server consul测试集群.在基于docker搭建多server的cons ...

  5. ElasticSearch2.3.1环境搭建哪些不为人知的坑

    首先说明一点,大家最好不要用什么尝鲜版,用比稳定版就好了,要不麻烦不断,另外出了问题,最好去官网,或者google搜索,因为这样靠谱些,要不现在好多都是低版本的,1.4的什么的,结果按照安装,多少情况 ...

  6. selenium webdriver 的环境搭建时注意事项

    selenium webdriver 在 eclipse中的配置,网络上应该很方便搜索到,这里只记搭建过程中容易出现的一些问题 1.  selenium-java与selenium-sever-sta ...

  7. elasticsearch6.5集群环境搭建的一些坑

    都说el配置很简单,确实比solr简单多了,不用手动配置一大堆,不过第一次配置也不轻松,因为马虎老是漏掉了许多地方 配置一个半小时才启动成功: 这里主要记录一下一些遇到的坑: 一 不能用root启动, ...

  8. 有关使用phpstudy搭建sqli-lab环境搭建时发生Uncaught Error: Call to undefined function mysql_connect()错误

    文章更新于2020-1-30 问题描述 Uncaught Error: Call to undefined function mysql_connect() 分析 经查php手册可知 mysql_co ...

  9. Angular环境搭建及简单体验

    一.安装开发环境 npm install -g typescript npm install -g @angular/cli 二.创建hello-world项目 创建项目 ng new angular ...

随机推荐

  1. 3-C#面向对象概念

    本篇博客对应视频讲解 回顾 前两篇博文带大家快速的感知一下使用C#编写程序是怎样的过程,能实现什么样的功能.同时也提到了面向对象的概念.本篇文章就是更加详细的去将面向对象编程中常见的概念进行示例说明, ...

  2. css--一些基本属性

    关于css各标签的属性: w3cschool一应俱全 设置固定的图片: body { background-image: url(bgimage.gif); background-attachment ...

  3. python 项目自动生成 requirements.txt 文件

    生成 requirements.txt 文件的目的: 安装 pthon 项目时需要把此项目所有依赖的第三方包安装完成.项目依赖的第三方包统一放到 requirements.txt 文件中即可. 怎么自 ...

  4. Python面向对象(构造方法)

    day24 构造方法 特殊作用:在obj=classname()中1.创建对象,2.通过对象执行类中的一个特殊方法. class Bar: def __init__(self): ") de ...

  5. 网站架构:PHP针对并发访问如何优化?

    1.拆表:大表拆小表(垂直拆,水平拆:分表,分区partition,分片sharding),可以在应用层实现,也可以在数据库层面实现一部分:提高系统性能. 2.分库:把表放到不同的数据库,这也是分布式 ...

  6. 安装openssl-devel

    安装openssl-devel 0.操作系统为 RHEL6.7 1.描述:当开发人员需要调用openssl的库文件时,需要安装openssl-devel包 2.当根目录(即挂载点为  )的利用率为10 ...

  7. set,env和export命令显示shell变量其区别,与环境变量扫盲(一)

    种类: ♦ set     :  用来显示本地变量,显示当前shell的变量,包括当前用户的变量 ♦ env    :  用来显示环境变量,显示当前用户的变量. ♦ export:  用来显示和设置环 ...

  8. Xcode 编译更改 Build 输出路径

    Xcode新建一个工程,build之后,可执行文件一般在 ~/Library/Developer/Xcode/DerivedData 下. 可以把这个路径指定为当前工程目录.  指定方法 Xcode ...

  9. VS 2010 LINK : fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏

    终极解决方案:VS2010在经历一些更新后,建立Win32 Console Project时会出“error LNK1123” 错误,解决方案为将 项目|项目属性|配置属性|清单工具|输入和输出|嵌入 ...

  10. 阿里云服务器之hexo环境搭建

    上一步主要主要讲解云服务器购买和连接云服务器,以及文件的操作.本文主要讲解利用hexo搭建自己的静态博客,在服务器中建立自己的hexo博客环境,最后达到可以远程访问,以及远程git推送到github. ...