安装angular-cli

最近在学习angular2,并尝试用这个框架来作公司的一个新项目。typescript

终于要开始开发了,等了1个多月。npm

由于第一次用这个新框架作项目,不太熟悉,就找了angular-cli这个脚手架来搭建项目。浏览器

安装了好屡次,看了好多博文(博客园、csdn、脚本之家等),终于成功了。angular2

 

依据本宝宝帮多位小伙伴安装成功的经验,现总结安装angular-cli过程以下:框架

一、设置淘宝镜像,在 .npmrc文件(该文件在C盘>用户(或user)>你的电脑名字下就可找到)加入下面一句:学习

 registry =  https://registry.npm.taobao.org 
若是以前已经改过,能够跳过;也能够用命令行临时设置;总之你开心就好~
 
二、用npm安装typescript和typings,由于听说angular-cli是用typescript写的,因此要先装这两个:
npm install -g typescript typings
 
三、安装angular-cli:
npm install -g angular-cli@latest
若是你以前安装失败过,最好在安装angular-cli以前先卸载干净,用如下两句:
npm uninstall -g angular-cli
npm cache clean 
在检查你全局的那些npm文件下还残留下图这两个文件,有的话也要删掉,删掉后再用"npm install -g angular-cli@latest"安装最新的angular-cli便可。
 
安装完毕后,试下ng -v 和ng --help,有显示正确内容就成功了。
 
接下来,就能够用如下命令建立并运行项目:
ng new ProjectName  //ProjectName为你的项目名
cd ProjectName
ng serve  // 启动项目
接下来在浏览器输入http://localhost:4200/就能够看见项目了。
 
然而,这只是开端,接下来才开始正式和angular2交锋!!!
 
忘了说angular-cli虽然简单方便,帮你搭建好所需环境,但简单方便的对立面是不灵活,多了不少咱们可能不想用的包、文件,因此有能力搭建项目的,仍是本身搭建吧,过~
相关文章
相关标签/搜索