angular5安装

朴灿烈づ我的快乐病毒、 2022-05-15 00:46 180阅读 0赞

首先要安装node

node会自己帮你安装npm

安装成功node之后可输入

### node -v 查看 node版本 ###

###  npm -v  （-v查看版本号） ###

注意：Angular CLI对Node 的版本有所要求（node 6.9.x and npm 3.x.x ）

![Image 1][]![70][]

准备就绪之后就可以下载angular （我开的是管理员模式  windows+x  弹出小窗后按 a  ）

###  npm install -g @angular/cli  ###

![70 1][]

### ng version （查看是否安装成功） ###

安装成功之后

###  ng new my-app –skip-install （–skip-install阻止npm安装依赖库 ） ###

运行到这里cmd报了一个错误

![70 2][]

我百度了一下这个意思就是说

fsevents不在package.json里，但是仍然安装了，是因为你的系统不是Windows系统，fsevents是苹果系统的可选依赖,你的项目有可能是团队项目，别人在他的mac上安装了fsevents相关依赖库，所以到这边你也就安装到你的windows上边了。你可以检查你的package.json 文件中是不是有fsevents相关依赖，删除即好！   
如果没有，删除node\_modules文件夹，重新安装各项依赖就好了

然后我就在生成的文件夹里删除了 node\_modules 这个文件夹

### cd my-app （进入文件夹） ###

### npm install （再从新安装依赖 安装完成会在文件夹生成新的node\_modules文件夹） ###

### ng serve  （运行项目） ###

![70 3][]

![70 4][]

如果想想程序自己打开浏览器

### ng serve --o  （–o即为open的意思） ###

[Image 1]: 
[70]: /images/20220515/626e8d063f1a45c38ed69fa4cdc6f774.png
[70 1]: /images/20220515/096ecb4c601049039999da206df13a8a.png
[70 2]: /images/20220515/e0af4d05cf884024905758da73e722cd.png
[70 3]: /images/20220515/fbfc962224fd4847939d9920d6d0f462.png
[70 4]: /images/20220515/b4c98b60ead24ae195bdedd48abf0f9d.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 ionic5+capacitor+angular

ionic 更新到5之后。创建项目会默认使用capacitor 容器。是ionic自己开发的一套类似cordova的东西。使用起来也比较简单。慢慢的会替代cordova，变成自

比眉伴天荒/ 2023年07月18日 06:58/ 0 赞/ 31 阅读

相关 angular md5加密

1.安装依赖 npm install ts-md5 --save-dev 安装成功后package.json中注册这个模块。 ![2019111218134331

桃扇骨/ 2023年06月12日 11:20/ 0 赞/ 11 阅读

相关安装angular

1、确认电脑上的 node和npm版本合适–node 6.9.x 和 npm 3.x.x 以上的版本。查看版本`node -v npm -v` 2、安装Python。

た入场券/ 2022年06月07日 14:11/ 0 赞/ 142 阅读

相关 Angular5.0之安装指定版本Angular CLI

我们可能会发现按照网上的方式下载安装后，使用Angular CLI生成的项目并不是我们想要的Angular的版本，因为在我们没有指定安装版本的前提下，默认会下载最新的版本安装，

你的名字/ 2022年05月25日 01:52/ 0 赞/ 182 阅读

相关 Angular 开发环境配置 – Angular CLI安装

Angular 提供了一个命令行工具，可以简化我们的程序开发。我们今后的开发也会使用这一工具，因此我们需要首先安装这个名为 Angular CLI 的开发工具。一首

谁借莪１个温暖的怀抱￠/ 2022年05月24日 11:50/ 0 赞/ 234 阅读

相关 angular5安装

首先要安装node node会自己帮你安装npm 安装成功node之后可输入 node -v 查看 node版本 npm -v （-v查看版本号）注意：

朴灿烈づ我的快乐病毒、/ 2022年05月15日 00:46/ 0 赞/ 181 阅读

相关 angular5导出excel表格

1.首先安装这两个组件 npm install xlsx –save npm install file-saver –save 2.在组件中引入依赖 imp

末蓝、/ 2022年04月11日 10:23/ 0 赞/ 339 阅读

相关 Angular5 Component通信

Angular5是一个非常强大的前端框架，学习曲线较陡，掌握了不同模块（主要指Component）之间的通信机制，就等于掌握了Angular5。下面详尽列举各种通信方式供您参考

缺乏、安全感/ 2022年01月14日 13:01/ 0 赞/ 199 阅读

相关如何从Angular 5 App升级到Angular 6

在这篇文章中，您将学习如何更新或移植Angular 5应用程序（使用Angular 5.1或Angular 5.2版本）来使用Angular 6.0.0。以下是一些涵盖的

心已赠人/ 2021年06月26日 16:06/ 0 赞/ 473 阅读