美文网首页
Mac安装试用angular

Mac安装试用angular

作者: qryc | 来源:发表于2021-04-12 11:24 被阅读0次

安装Node.js

https://nodejs.org/下载对应操作系统的安装包进行安装。
MAC:我下载的是MAC版本,已经安装成功。

image.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

出现提问,回车使用默认配置就可以,出现如下安装界面


image.png

运行应用

$ cd test4a/
$ ng serve --open

访问 http://localhost:4200/,我的是启动后自动打开的浏览器。

image.png

整个安装过程还是挺简单的,基本参考官网无卡点,边安装边记录安装过程,20分钟左右,顺利安装成功
万事开头难,能运行起来后,就可以参考官网示例,修改应用配置,以及加入自己的组件进行开发了,可以参考
官网教程:https://angular.cn/tutorial/toh-pt0

idea开发

https://www.jetbrains.com/help/idea/angular.html
idea中可以支持angular项目,创建项目截图如下,熟悉idea的同学可以继续使用idea开发前端。

image.png

相关文章

网友评论

      本文标题:Mac安装试用angular

      本文链接:https://www.haomeiwen.com/subject/ynntlltx.html