angular环境搭建,你真的了解吗

一、安装nodejs

登录nodejs官网,下载对应系统版本插件,Node.js插件在windows系统下是个.msi工具。安装,只要一直下一步即可。
软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。
在这里插入图片描述
Angular6基于node.js,所以要先安装nodejs环境。安装完成后打开DOS窗口输入“npm -v”查看是偶安装成功与版本。
在这里插入图片描述

二、安装cnpm(淘宝镜像)

在DOS窗口中,直接输入回车执行
npm install cnpm -g –registry=https://registry.npm.taobao.org
在这里插入图片描述
安装完成,输入 cnpm –v,检查是否成功
在这里插入图片描述
查看版本号之后,关闭命令提示符重新打开,否则,安装完毕后直接使用会出现错误。
说明。由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm。

三、安装typescript和typings

在DOS中,直接输入回车安装
cnpm install –g typescript typings
在这里插入图片描述
说明
angular-cli是用typescript写的,所以需要安装typescript和typings,运行完毕之后,查看版本确定是否安装成功,在命令提示符中直接输入:tsc -v
在这里插入图片描述

四、安装angular-cli

直接在DOS中,输入回车安装
cnpm install –g angular-cli@latest
在这里插入图片描述
输入 ng -v 查看环境搭建完成

五、下载项目

从SVN上下载项目以后 选中项目“Shift+右键”打开Powershell窗口
在这里插入图片描述
输入cnpm install 下载项目所依赖的工程,由于文件过多,下载会异常缓慢,请耐心等待。
在这里插入图片描述
下载成功后。
输入 ng serve 启动项目。
注: ng serve --host 172.41.27.123 --port 4300 --open
host: 服务启动的地址。
port:服务启动的端口。
open: 启动以后使用默认浏览器打开项目主界面。

六、卸载并安装指定版本Angular CLI

1.卸载之前的版本 npm uninstall -g @angular/cli
2.清除缓存,确保卸载干净 npm cache clean
3.检查是否卸载干净 ng -v 若显示“command not found”则卸载干净
4.安装指定版本npm install -g @angular/cli@6.0.0
5.检查版本号ng -v

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值