Angular2自学笔记 之一:Angular2之HelloWorld

前端技术更新的实在太快,当看到这篇文章的时候,很可能已经过时了,今天是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,所以尽可能不要翻墙。
创建成功如下:

image.png

五、启动服务器,并访问页面:

cd helloworld
ng serve
image.png
image.png

至此,Angular2的HelloWord搭建完成

补充,过程中难免因为报错使某系npm需要安装多次

npm uninstall -g angular-cli
npm cache clean 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容