首页 >web前端 >js教程 >Mac环境下如何配置Angular CLI

Mac环境下如何配置Angular CLI

一个新手
一个新手原创
2017-09-20 09:40:432813浏览


Mac环境下Angular CLI配置

Step 1 : 安装nodejs

在nodejs官网下载安装nodejs

Step 2:安装阿里的npm替代工具cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

Step 3: 安装Angular CLI

cnpm install -g @angular/cli

Step4:cnpm设置为默认包管理工具

ng set --global packageManager=cnpm

Step5:  新建angular工程

ng new my-app

Step6: 启动工程

cd my-app       //进入工程目录
ng serve –open  //启动工程

浏览器输入 localhost:4200 ,显示下图即服务启动

这里写图片描述

注意

Step6中如果报错The “@angular/compiler-cli” package was not properly installed

rm –rf node_modules //删除node_modules
cnpm intall         //重新执行安装模块
ng serve –open      //最后启动工程

以上是Mac环境下如何配置Angular CLI 的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn