安装和更新Angular 7
视频解说(日语)
链接:https://youtu.be/58jAi142OZI
视频解说(英文)
只需要一种选择,请将以下内容用中文进行本地化转述:升级到Angular 7需要
-
- 项目单位的升级
- 全系统升级(指定-g选项)
有两种选择。
项目级的升级
首先,需要了解当前的环境。
在命令行中输入 “ng -v”。
你可以知道Angular CLI的版本。
然后,我们将基于这个版本进行Angular的升级。
请注意,在那时您需要进入项目的根目录。
首先,使用Google搜索或其他搜索引擎,搜索题目为“Angular 7版本 – CLI提示,虚拟滚动,拖放等” 的页面,并打开该页面。
请在此处查看Angular7的升级内容。
然后在网页上找到”How to update to v7″的部分,并点击update.angular.io的链接。
选择现有的Angular版本后,Angular更新指南将会打开。
接下来,选择应用程序的复杂性、所依赖的环境和使用的包管理器,最后点击”展示给我如何更新”按钮。
然后在下方将显示更新方法,按照这个说明进行更新。
更新的基本指令是:
更新 @angular/cli @angular/core 的版本。
是的。
在整个系统上进行安装和升级(使用-g选项)
接下来是对整个系统进行升级,首先要检查Node.js和npm的版本。
输入”node –version”。
输入npm –version。
安装Angular7需要Node.js版本8及更高版本。
接下来进行Angular7的安装。
另外,从其他版本升级也需要执行相同的操作。
输入以下命令:npm i -g @angular/cli。
当安装完成后,请输入 ng –version 命令来确认版本。
接下来,我们将创建一个适当的项目并检查其运行情况。
输入 ng new ng7test01。
ng7test01是一个项目名称,这个名字是可选的。
一开始,有一个关于是否添加路由功能的询问,但在这里我们选择不添加。
接下来,关于样式表格式的询问,选择默认的CSS。
然后项目的生成开始。
完成这个过程需要一些时间。
一旦项目生成后,请进入该项目的目录。
然后,输入 “code .”,启动 Visual Studio Code。
然后,按住Control+@键,打开终端窗口。
当VS Code打开后,我们打开Package.json文件并确认版本。
会显示版本7。
在终端窗口中输入”ng s -o”,启动本地服务器并打开浏览器。
显示了Angular的默认页面。
回到VS Code,按下Control+c然后按下y + 回车键来停止本地服务器。
我已经确认了Angular 7的运行。
请用中文将以下内容改写成同义句,只需提供一种选择:
1. The weather is very hot today.
今天的天气非常炎热。
参考资料
-
- “Angular Update Guide”,
-
- https://update.angular.io/
-
- “Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more”,
-
- https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c
-
- “Angular5, Angular6, Angular7 Custom Library: Step-by-step guide”,
-
- https://www.udemy.com/angular5-custom-library-the-definitive-step-by-step-guide/
-
- “Angular5, Angular6, Angular7用 カスタムライブラリの作成: 完全ステップ・バイ・ステップ・ガイド”,
- https://www.udemy.com/angular5-l/