前端技术更新的实在太快,当看到这篇文章的时候,很可能已经过时了,今天是2017-07-26,开始了。
一、 安装Node.js(MacOS)
下载Node.js,地址:http://nodejs.cn/download/ ,MacOS按找提示安装即可。
安装后,控制台输入命令:npm -v
,看到命令成功即可。
二、安装typescript
因为Angular本身是typescript实现,因此首先要安装typescript
npm install -g typescript typings
安装过程如遇到一些依赖版本过低,需要进行升级
npm update minimatch@3.0.2
npm update -d
npm -v minimatch
使用淘宝的地址,避免翻墙,以免过程中网络中断,在后面创建项目时,也能起作用,cnpm的使用方法与npm完全一样
npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm -v
三、安装Angular-cli,这样就能在命令行中创建项目了,安装好后,试一下ng命令,这样Angular就安装好了
npm install -g @angular/cli@latest
ng
添加cnpm地址
ng set --global packageManager=cnpm
四、创建helloworld工程
mkdir mydir && cd mydir
ng new helloworld
创建会话费一些时间安装依赖的npm,所以尽可能不要翻墙。
创建成功如下:
五、启动服务器,并访问页面:
cd helloworld
ng serve
至此,Angular2的HelloWord搭建完成
补充,过程中难免因为报错使某系npm需要安装多次
npm uninstall -g angular-cli
npm cache clean