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
上一篇 2022年11月28日
下一篇 2018年9月10日

相关推荐

  • MyBatis之MyBatis-Generator标签配置及意义

    DTD 标签 <generatorConfiguration/>: 根标签,所有的配置都必须在该标签内配置;没有属性 <properties/>: 主要引用外部的pro…

    2019年12月27日
    2.0K
  • JavaScript 的 this 原理

    有时候会使用一种东西,并不代表你了解它。就像你会写JavaScript代码,能看懂JavaScript代码,但不代表你懂它。 学懂 JavaScript 语言,一个标志就是理解下面…

    2019年8月1日
    1.9K
  • Webpack入门,模块打包之CommonJS与ES6 Module的区别

    前面几篇文章分别介绍了CommonJS和ES6 Module两种形式的模块定义,这篇将介绍下两者各自的特性。 动态与静态 CommonJS与ES6 Module最本质的区别在于前者…

    2022年11月12日
    918
  • CSS中的BFC是什么

    定义 一个块格式化上下文(block formatting context) 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域,也是浮动层元素进行交互的区域。 触…

    2022年11月5日
    600
  • 一维数组结构数据转换树形结构数据JS方法

    在写小程序项目时,自定义了一个组织机构树形展示组件,后端接口返回的组织机构数据是一维数组。需要在前端转换成树形结构的数据,并且添加一些节点的树形,比如是否为叶子节点,节点是否展开等…

    2022年11月10日
    544
  • Java自学之抽象类与接口

    面向对象程序设计中,类继承的主要作用的扩充已有类的功能。子类可以根据自己的需要选择是否要覆写父类中的方法,所以一个设计完善的父类是无法对子类做出任何强制性的覆写约定。为了解决这样的…

    2020年12月7日
    1.3K
  • MyBatis配置之properties属性详解

    之前写了一篇《如何搭建MyBatis开发环境》,通过一个简单的实例讲解了关于搭建MyBatis的开发环境,这篇将详细讲解MyBatis的配置。 MyBatis配置文件的层次结构 这…

    2022年4月18日
    851
  • windows 11 如何安装Docker Desktop

    Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化…

    2022年10月27日
    576
  • Webpack入门,模块打包原理分析

    面对工程中成百上千个模块,Webpack究竟是如何将它们有序地组织在一起,并按照开发者预想的顺序运行在浏览器上的呢?本篇文章将通过一个简单的示例。分析一下Webpack模块打包的原…

    2022年11月14日
    877
  • JavaScript基础知识八问

    JavaScript是前端开发中非常重要的一门语言,浏览器是他主要运行的地方。JavaScript是一个非常有意思的语言,但是他有很多一些概念,大家经常都会忽略。比如说,原型,闭包…

    2020年12月30日
    1.1K

发表回复

登录后才能评论