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
上一篇 2020年1月14日
下一篇 2018年9月10日

相关推荐

  • CSS多列等高布局

    在项目开发中,经常遇到需要多列等高布局的需求。解决这种的需求的方法有很多,各有利弊,现总结如下。 方法一:使用flex布局 优点:实现方便,还可以方便实现各种比例 ; 缺点: IE…

    2019年6月11日
    2.2K
  • Java自学之反射机制

    重用性是面向对象设计的核心原则。为了进一步提升代码的重用性,Java提供了反射机制。反射技术首先考虑的是“反”与“正”的操作,所谓的“正”操作,是指当开发者使用一个类的时候,一定要…

    2020年12月24日
    1.2K
  • Java自学之多线程编程

    多线程编程是Java语言最为重要的特性之一。利用多线程技术可以提升单位时间内的程序处理性能,也是现代程序开发中高并发的主要设计模式。 进程与线程 进程是一个应用程序。线程是一个进程…

    2020年12月16日
    1.6K
  • JavaWeb入门案例之用户注册

    前言 之前把Java的基础知识系统的过了一遍,目前总算可以看懂Java代码了,接下来就是要学习Java开发框架(主要是springMVC)。 下面用一个用户注册的小案例,来总结一下…

    2021年1月13日
    1.7K
  • Webpack入门,样式预处理

    样式预处理指的是开发者在开发过程中经常会使用一些样式预编译语言,如SCSS、Less等,在项目打包过程中再将这些预编译语言转换成CSS。借助这些语言强大和便捷的特性,可以降低项目的…

    2022年11月25日
    731
  • 创建JavaScript对象的六种方式

    第一种:Object 构造函数创建 这行代码创建了 Object 引用类型的一个新实例,然后把实例保存在变量 Person 中。 第二种:使用对象字面量表示法 对象字面量是对象定义…

    2020年6月24日
    1.3K
  • JAVA学习之多线程知识点整理

    1、什么是进程?什么是线程? 进程是一个应用程序。线程是一个进程中的执行场景或者执行单元。一个进程可以启动多个线程。进程之间内存独立不共享。同一个进程中的线程之间,堆内存和方法区内…

    2020年6月19日
    1.3K
  • 如何封装JDBC工具类读取properties配置文件连接数据库

    思路 之前已经写过一片《封装JDBC工具类,连接MySQL数据库》,讲解了如何封装JDBC工具类。但是在实际的应用中往往是把数据库连接的相关信息写在一个配置文件中,让程序自己去读取…

    2022年4月2日
    894
  • CSS布局之圣杯与双飞翼布局

    所谓圣杯布局和双飞翼布局其实解决的问题是相同的,都是解决左右两栏固定宽度,中间部分自适应,其中某部分内容比其他内容高的时候,保证三者元素等高。他俩的区别就是:圣杯用padding。…

    2019年6月18日
    1.9K
  • MyBatis配置之枚举类型typeHandler讲解(上)

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

    2022年4月21日
    913

发表回复

登录后才能评论