开启angular之旅

Laughing
2021-09-05 / 0 评论 / 1,078 阅读 / 搜一下 / 正在检测是否收录...

前言

这年头,作为新生代的农民工真的太难了。虽说活到老,学到老,但是学习的速度永远跟不上技术的迭代。细数一下,做过的东西真不少了。

angular开发环境打开

安装nodejs

进入nodejs官网,找到自己对应版本,下载安装即可

安装完成后,输入

node -v
npm -v

npm替换淘宝源

npm config set registry https://registry.npm.taobao.org

安装angular/cli

angular/cli是一个类似工具的东西,具体的我也没有深究,根据我使用一次的直观感受,它的作用就是,安装它后,我们可以通过各种不同的命令行来实现angular项目的创建,运行,调试等等

npm install -g @angular/cli

输入

ng version

输出以上页面,代表安装成功。

创建angular项目

ng new 项目名称创建angular项目,如下示例:创建名为 angular的项目

ng new angular

生成项目如下

运行angular项目

在项目文件夹下,输入

ng serve

打包运行项目,

然后我们可以通过默认的4200端口访问http://localhost:4200/查看项目

0

评论 (0)

取消