Angular 提供了一个命令行工具,可以简化我们的程序开发。我们今后的开发也会使用这一工具,因此我们需要首先安装这个名为 Angular CLI 的开发工具。
一 首先你需要安装好nodejs
下载安装nodejs
对于服务器和追求稳定的朋友,稳定性通常是第一考虑要素,因而 Node.js 推荐大多数用户使用8.11.2 LTS 长期支持版
这里是学习使用,就使用最新版10.2.1
win+r 输入cmd 再输入node -v 出现版本号说明安装成功
二安装nrm
npm install -g nrm
install -g nrm
意味着在全局安装 nrm 模块,用于切换npm的 Registry 的地址,获得更快的下载速度
切换到淘宝的镜像,下载速度会快一些
nrm use taobao
nrm ls 前面有星号说明这是正在使用的镜像地址
也可以选择用yarn,使用 Yarn 替代 NPM
https://yarnpkg.com/zh-Hans/docs/install#windows-stable
下载安装就行了,
三安装Angular CLI
npm install -g @angular/cli
如果遇到ng不是内部或外部命令,也不是可运行的程序
需要更新一下npm,或者配置一下环境变量
npm install -g npm
再运行
yarn global add @angular /cli |
yarn global add @angular /cli |
四 新建工程
下面我们来创建第一个示例工程,了解 Angular CLI 的基本使用
cd F:
cd到F盘不然会默认安装到c盘
ng new mydemo
new
是创建一个全新项目,后面的demo
是项目的名字
进入项目目录
cd mydemo
运行
ng serve --open
然后打开浏览器输入
localhost:4200就行了
参考文章:
https://www.devbean.net/2017/12/learning-angular-02-ng-cli/
https://blog.csdn.net/etemal_bright/article/details/79398631