Angular环境搭建(Windows 10)

目前前端开发正处于快速发展阶段,接触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

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
ZEROZERO
上一篇 2019年12月31日
下一篇 2018年9月10日

相关推荐

  • spring4.x学习之创建工程

    断断续续学习Java有两三个月了,目前还是处于入门阶段。关于java及spring那些的设计理念方面的理论知识,不花费大量精力及时间是看不懂的(至少对于我这么一个前端转后端的初学者…

    2019年3月19日
    1.8K
  • Vue项目中实现用户登录及token验证

    在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 。 后端收到请求,验证用户名和密码,验证成功,就给…

    2019年8月8日
    5.0K
  • MySQL数据库入门之单表数据记录查询

    简单数据查询 语法形式如下: 在上述语句中,参数fieldn表示所要查询的字段名字,参数table_name表示所要查询数据记录的表名。 当需要查询表中所有字段时,可使用&#822…

    2020年7月15日
    1.4K
  • 创建vue3 + typescript项目说明

    创建项目 选择Manually select features【手动配置】 如上图选择配置项,并在下一步,选择3.x 接下来,按照推荐设置,进行选择【推荐设置都已英文字母大写的形式…

    2023年11月23日
    551
  • Webpack入门,资源处理流程

    在前几篇的文章中,梳理了Webpack的模块打包功能。可以把Webpack打包模块理解成类似于工厂中的产品组装,也就是把一个个零部件拼起来得到最终的成品。接下来的几篇,则主要要关注…

    2022年11月18日
    566
  • JavaScript中call、apply及bind的深度解析

    函数原型链中的 apply,call 和 bind 方法是 JavaScript 中相当重要的概念,与 this 关键字密切相关,相当一部分人对它们的理解还是比较浅显,所谓js基础…

    2019年8月5日
    1.6K
  • MyBatis配置之枚举类型typeHandler讲解(上)

    之前发布了一篇《MyBatis配置之typeHandler类型处理器》的文章,讲解了在使用MyBatis时如何自定义typeHandler。但是在MyBatis中枚举类型的type…

    2022年4月21日
    857
  • MySQL数据库入门知识点整理

    数据库基本操作 1、创建数据库语句 数据库名称有以下几点要求 不能与已存在的数据库名称相同; 由字母、数字、下划线、@、$和#符号组成; 不能以数字及$符号开头; 标识符不能使用M…

    2020年7月7日
    1.5K
  • Spring Tools学习之JAVA开发环境搭建【windows 10】

    一直以来都想学习JAVA,但是苦于找不到门路,网上学习资料要不看不懂,要不需要金钱。 终于,迫于生活与年龄的压力,下定决心,学习JAVA。 写下此文档,记录一下自己学习JAVA之路…

    2018年12月6日
    2.8K
  • JAVA学习路线之夯实基础

    第一章 开发环境 JDK(Java SE Development Kit),Java标准版开发包,提供编译、运行Java程序所需的各种工具和资源,包括Java编译器、Java运行环…

    2020年1月14日
    1.6K

发表回复

登录后才能评论