码迷,mamicode.com
首页 > 其他好文 > 详细

angular2.0最新版环境搭建与常见问题

时间:2017-03-31 22:21:37      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:windows   淘宝   registry   taobao   脚手架   

第一步:安装Node.js,npm(安装Node.js的时候自动就安装了npm)


第二部:安装npm,由于npm官网镜像访问太慢,我们使用淘宝的npm镜像,在node命令窗口(windows的cmd、linux的终端)$ npm install -g cnpm --registry=https://registry.npm.taobao.org


第三部:设置淘宝镜像,临时切换npm源为taobao源(速度快一点):npm config set registry https://registry.npm.taobao.org


第四部:安装"@angular/cli脚手架,$npm install --save-dev @angular/cli@latest


如果之前安装失败一定要卸载干净1:npm uninstall -g @angular/cli,2:npm cache clean


第五:测试,输入 ng -v,有版本信息说明安装成功

技术分享


第六:建立Angular2的项目,新建一个文件夹(young),然后命令行进入这个文件夹输入ng new 项目名(ngtest)

技术分享

这个过程可能会等一会儿(有可能很长时间,但是一定要有耐心),一直到出现下图最后一行的提示,说明整个项目的框架搭建完成

技术分享

我们用webstrom打开项目,就可以看到框架包含很多内容,这样也是使用AngularJS cli的好处,一句代码,整个项目所有的环境,都帮你建立好了

技术分享

第七:启动项目,进入刚才新建的angular2的项目目录(ngtest),出现如图箭头所示表示成功

技术分享

第八:不要关闭命令窗口,打开网页,输入:http://localhost:4200/,出现如图所示,终于大功告成啦

技术分享

angular2.0最新版环境搭建与常见问题

标签:windows   淘宝   registry   taobao   脚手架   

原文地址:http://11867302.blog.51cto.com/11857302/1912151

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!