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月25日
下一篇 2018年9月10日

相关推荐

  • 封装JDBC工具类,连接MySQL数据库

    JDBC是由java编程语言编写的类及接口组成,同时它为程序开发人员提供了一组用于实现对数据库访问的JDBC API,并支持SQL语言。利用JDBC可以将JAVA代码连接到orac…

    2022年3月31日
    974
  • spring4.x学习之用户登录与注册

    在之前的文章中我已经把后端工程项目创建好了,接下来就是编写项目了。 首先,我先创建一个数据库。数据库使用的是MySQL,数据库管理工具用的是Navicat。 打开数据库管理工具Na…

    2019年3月21日
    2.2K
  • STS插件mybatis-generator安装及使用

    断断续续学习Java也有好长时间了,没有师傅带,没有项目练手,学习超级慢,也很烦。视频、书籍翻看了一大推,还是没有目标。 相信滴水成海,外加条条大路通罗马,只要坚持,自己终能达成目…

    2019年12月27日
    2.4K
  • MyBatis之MyBatis-Generator标签配置及意义

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

    2019年12月27日
    2.0K
  • 5分钟带你入门vuex(vue状态管理)

    如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,那…

    2019年11月5日
    2.2K
  • 回调函数散记

    今天被将要入职的公司的开发人员询问了一个项目中遇到的问题,关于函数内访问外部函数的情况。大致现象如下:js文件中有两个同级函数FnA和FnB,想在函数FnA中调用FnB。 一看就是…

    2019年8月16日
    1.6K
  • 日常开发 26 个常见的 JavaScript 代码优化方案

    1、NULL、Undefined、”【空】检查 我们在创建新变量赋予一个存在的变量值的时候,并不希望赋予null或undefined,我们可以采用以下简洁的赋值方式。 …

    2021年2月22日
    1.4K
  • Vue项目中实现用户登录及token验证

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

    2019年8月8日
    5.2K
  • Java自学之多线程编程

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

    2020年12月16日
    1.7K
  • CSS卡片堆栈

    在浏览各种APP及网站,往往会发现很多酷炫的布局及样式。搜集一下,补充自己的技能库,借鉴学习一下。 HTML CSS

    2019年12月31日
    2.2K

发表回复

登录后才能评论