Angular详细安装教程

￡神魔★判官ぃ 2023-10-13 21:56 12阅读 0赞

# 1.前提 #

[Node.js安装详细教程参考这篇！][Node.js]

## 确认Node安装 ##

![在这里插入图片描述][dbd5fa2d522344e0ba809ca745c92893.png]

# 2.安装angular cli #

输入安装命令

npm install -g @angular/cli

确认安装

ng version

![在这里插入图片描述][c10c75e6f10f4c75b1ee2ac739c0109f.png]  
查看插件对应的命令  
![在这里插入图片描述][fcfad41cee694fd4928e9c1b55ea5c5e.png]

# 3. 在指定目录下创建新项目 #

![在这里插入图片描述][50c949948abd4bf4875f24c5af9dd2db.png]

![在这里插入图片描述][d30265f1cf79489897fe05b4a3e42712.png]

# 4.启动项目 #

在vscode命令行输入

npm run start

![在这里插入图片描述][806002ed887b428d99fb00d57388d21b.png]

# 5.打开游览器访问 #

打开浏览器，访问[http://localhost:4200/][http_localhost_4200]![在这里插入图片描述][abcea5e930e74d1fa2a78b9aaf614678.png]

[Node.js]: https://blog.csdn.net/weixin_45428910/article/details/130908851
[dbd5fa2d522344e0ba809ca745c92893.png]: https://img-blog.csdnimg.cn/dbd5fa2d522344e0ba809ca745c92893.png
[c10c75e6f10f4c75b1ee2ac739c0109f.png]: https://img-blog.csdnimg.cn/c10c75e6f10f4c75b1ee2ac739c0109f.png
[fcfad41cee694fd4928e9c1b55ea5c5e.png]: https://img-blog.csdnimg.cn/fcfad41cee694fd4928e9c1b55ea5c5e.png
[50c949948abd4bf4875f24c5af9dd2db.png]: https://img-blog.csdnimg.cn/50c949948abd4bf4875f24c5af9dd2db.png
[d30265f1cf79489897fe05b4a3e42712.png]: https://img-blog.csdnimg.cn/d30265f1cf79489897fe05b4a3e42712.png
[806002ed887b428d99fb00d57388d21b.png]: https://img-blog.csdnimg.cn/806002ed887b428d99fb00d57388d21b.png
[http_localhost_4200]: http://localhost:4200/
[abcea5e930e74d1fa2a78b9aaf614678.png]: https://img-blog.csdnimg.cn/abcea5e930e74d1fa2a78b9aaf614678.png

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angular详细安装教程

1.前提 [Node.js安装详细教程参考这篇！][Node.js] 确认Node安装 ![在这里插入图片描述][dbd5fa2d522344e0ba809ca7

￡神魔★判官ぃ/ 2023年10月13日 21:56/ 0 赞/ 13 阅读

相关 Angular介绍、安装Angular Cli、创建Angular项目入门教程

场景 Angualr 是一款来自谷歌的开源的web 前端框架，诞生于2009 年，由Misko Hevery 等人创建，后为Google 所收购。是一款优秀的前端J

怼烎@/ 2023年10月07日 12:51/ 0 赞/ 3 阅读

相关 java安装教程_java安装教程详细

首先要确定手机支持JAVA电脑上下适合你手机的游戏或者应用程序.JAR格式.不要解压直接存到手机上.选择它.就会自己安装了如果是手机直接下载不用安装.下载会即用的。先下

古城微笑少年丶/ 2023年09月24日 04:56/ 0 赞/ 71 阅读

相关 Git安装教程（详细教程）

Git安装教程（详细教程） > 大家好，今天我们来学习一下怎么安装git这个软件，好好看，好好学，超详细的。第一步 > [下载git][git] (找到自己需要

旧城等待，/ 2022年12月08日 01:51/ 0 赞/ 326 阅读

相关 Composer详细安装教程

Composer介绍依赖管理 Composer 不是一个包管理器。是的，它涉及 "packages" 和 "libraries"，但它在每个项目的基础上进行管理，在

小咪咪/ 2022年09月30日 03:43/ 0 赞/ 396 阅读

相关 Angular4安装教程

1. 首先安装Node.js 打开[node.js官网][node.js]，选择下载LTS版本。具体安装过程很简单，这里不再详细说明。 node.js安装完毕之后，在c

一时失言乱红尘/ 2022年05月19日 05:40/ 0 赞/ 414 阅读

相关 myeclipse安装详细教程

下载 myeclipse2017百度云下载路径：链接：https://pan.baidu.com/s/1wQYwO2zrUvbbUcjCB5B8IQ 密码：6igu

柔情只为你懂/ 2022年04月22日 01:52/ 0 赞/ 302 阅读

相关 eclipse详细安装教程

IDE(Integrated Development Enviroment)集成开发环境，eclipse。一下载eclipse 1 进入官网：[www.eclipse.

╰+攻爆jí腚メ/ 2022年02月25日 05:42/ 0 赞/ 541 阅读

相关 Linux--详细安装教程

本文是以centos 为例，虚拟机是VMvare，虚拟机时VMvare， centos 下载地址：可以去官网下载最新版本：[https://www.centos.org/

╰半夏微凉°/ 2021年09月17日 07:56/ 0 赞/ 584 阅读

相关安装pycharm详细教程

安装pycharm详细教程 1：首先，老规矩，下载安装包 http://www.jetbrains.com/pycharm/download/\section=win

电玩女神/ 2021年07月26日 19:37/ 0 赞/ 655 阅读