Angular环境搭建

前言:

小编正在学习angular,故将学习的过程记录下来,以便日后的回顾。

内容:

angular 是基于node.js,因此需要配置node.js环境


1、下载安装node.js

(1)下载

node.js官网:点击打开链接   

Angular环境搭建

      LTS:长时间支持版本          Current:最近版本

根据自己 情况下载对应的版本,一直下一步就OK了,软件会自动写入环境变量中。


(2)查看是否安装成功以及版本

Angular环境搭建


2、安装cnpm

npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm

Win+r 输入cmd,在命令窗口中输入:

npm install cnpm --registry=https://registry.npm.taobao.org -g

安装时间比较久,安装完毕之后,查看一下是否安装成功,命令:cnpm –v

Angular环境搭建


3、安装脚手架[email protected]/cli


angular/cli 是用用typescript写的,所以需要安装typescript和typings

(1)安装typescript和typings

命令提示符中输入:cnpm [email protected] typings –g

查看是否安装成功,输入命令:tsc –v

Angular环境搭建

(2)脚手架[email protected]/cli

命令提示符中输入:cnpm install @angular/[email protected]–g

目前安装的是1.0.0版本的,比较稳定,可以根据自身条件安装别的版本。

查看脚手架安装是否成功,命令:ng version或ng -v

Angular环境搭建