Angular-cli 搭建项目

2020-04-21 10:42:12 浏览数 (1)

一、首先需要安装node和npm

  查看你的node以及npm版本:

node -v 查看node版本

npm -v 查看npm版本

  要求所有版本都是最新的,不然可能会出错。

  设置淘宝镜像,这样下载东西就是从国内网站下载了,网速更快

代码语言:javascript复制
npm configset registry https://registry.npm.taobao.org

二、安装typescript和typings

代码语言:javascript复制
npm install -g typescript typings

三、安装angular-cli

代码语言:javascript复制
npm install -g angular-cli@latest

 安装完成后,ng -v 出现以下界面说明安装成功了

四、如果你之前安装失败过,最好在安装angular-cli之前先卸载干净,用以下命令

代码语言:javascript复制
 npm uninstall -g angular-cli
 npm cache clean

五、如果出现node-sass解析失败问题,用淘宝镜像安装cnpm。安装完node-sass之后再安装angular-cli,就没问题了

代码语言:javascript复制
npm install -g cnpm --registry=http//:registry.taobao.org
npm install node-sass --save-dev

六、创建项目(-skip-install直接跳过下载)

代码语言:javascript复制
ng new myapp —skip-install

七、运行项目

代码语言:javascript复制
cd myapp
npm install
ng serve

0 人点赞