Angularjs启动安装过程

1.AngularJS简介

AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

详情见官网:https://www.angularjs.net.cn/tutorial/

2.安装

2.1安装node.js
下载地址:https://nodejs.org/en/download/

2.2.安装npm和cnpm
npm在安装node.js会顺带安装好,由于Angular CLi的一些资源被墙掉了,所以这里我们使用淘宝的镜像去下载安装,否则会很慢并且很容易出问题。

安装淘宝镜像,输入 npm install -g cnpm –registry=https://registry.npm.taobao.org

2.3 安装Python
Python官网下载:https://www.python.org/downloads/windows/

“Windows x86-64 executable installer”,也即 64 位的完整的离线安装包。
在这里插入图片描述
下面安装报错原因:
node.js与系统的python版本冲突 我的是3.8
在这里插入图片描述
只能安装一个2.7版本的,再执行 npm config set python python2.7
又报错:
(1)具体原因

   MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "14.0", "4.0"生成失败。 
   MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "14.0", "4.0"。
  0 个警告 1 个错误 
  项目依赖中,node-gyp调用MSBuild工具进行组件编译,找不到MSBuild2.0,而系统里只有MSBuild4.0。

(2)解决办法

   下载VC++ tool http://go.microsoft.com/fwlink/?LinkId=691126&  
   下载 Visual C++ 2015 Build Tools,安装时,选择自定义安装,勾选系统版本对应的Windows SDKs ,直至安装完毕;下载 Python2.7,安装时,勾选将 Add Python.exe to PATH,即添加至环境变量,直至安装完毕;
在报错的项目内,重新执行 npm install --msvs_version 2015 进行安装项目依赖,即可完美解决问题了;
C:\\Users\\dsl\\Desktop\\>npm install --msvs_version 2015

在这里插入图片描述

2.4安装完成cnpm之后,我们开始安装Angular-cli。
执行命令
cnpm i -g angular-cli

然后可以执行ng version命令,查看是否安装完成和angular-cli的版本
安装完成之后我们就可以使用ng命令,下面开始创建项目。

3.安装完成之后,我们开始进行测试创建项目。

3.1执行命令:ng new JustForTest3.2创建好后我们启动执行命令:ng serve这样就可以直接启动项目

4.我们在浏览器中输入:http://localhost:4200可以直接访问

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值