本系列文章默认都是基于Angular4.X,以后不再说明,除非特别标注
安装nodejs
安装过程就不再啰嗦,傻瓜式安装。补充几点,安装好nodejs后,由于国内网络原因我们安装淘宝 NPM 镜像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用方法与npm一致,如果需要可以自己设置npm全局模块的存放路径以及cache的路径,例如我放到nodejs安装目录下
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
千万注意,如果自己设置了全局模块存放路径,记得添加环境变量,直接在path下增加node_global这个文件夹的路径,我这里是"D:\Program Files\nodejs\node_global"
安装Angular CLI
cnpm install -g @angular/cli
可以查看下安装版本
ng -v
安装好以后我们接着把cnpm设置为默认包管理工具
ng set --global packageManager=cnpm
不设置这个,等下创建一个angular工程的时候会卡死,我们创建一个新的angular工程
ng new angular-app
耐心等待一会,创建成功后会在你当前路径下新生成一个angular-app文件夹
启动项目
cd angular-app
ng serve --open
输入上面两个命令后浏览器会自动打开,当你看到如下界面时,说明第一个angular项目已经完成