安装Node.js
去https://nodejs.org/下载对应操作系统的安装包进行安装。
MAC:我下载的是MAC版本,已经安装成功。
![](https://img.haomeiwen.com/i10120036/f9a250108c404474.png)
如上图,node.js的安装把npm一起安装了,输入如下命名,验证安装成功。
~$ node -v
v14.16.1
~$ npm -v
6.14.12
Widows:暂未尝试。
安装npm
node.js的安装把npm一起安装了
安装 Angular CLI
使用终端命令行
npm install -g @angular/cli
我安装过程出现以下错误:
Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
执行命令如下命令后,重新安装成功:
sudo chmod -R 777 /usr/local/lib//node_modules/
创建工作空间和初始应用
ng new test4a
出现提问,回车使用默认配置就可以,出现如下安装界面
![](https://img.haomeiwen.com/i10120036/d82b986b7c684bdc.png)
运行应用
$ cd test4a/
$ ng serve --open
访问 http://localhost:4200/,我的是启动后自动打开的浏览器。
![](https://img.haomeiwen.com/i10120036/d7c30e82204f0201.png)
整个安装过程还是挺简单的,基本参考官网无卡点,边安装边记录安装过程,20分钟左右,顺利安装成功
万事开头难,能运行起来后,就可以参考官网示例,修改应用配置,以及加入自己的组件进行开发了,可以参考
官网教程:https://angular.cn/tutorial/toh-pt0
idea开发
https://www.jetbrains.com/help/idea/angular.html
idea中可以支持angular项目,创建项目截图如下,熟悉idea的同学可以继续使用idea开发前端。
![](https://img.haomeiwen.com/i10120036/1240ba4ade0a708e.png)
网友评论