安装和更新Angular 7

视频解说(日语)
链接:https://youtu.be/58jAi142OZI

视频解说(英文)


只需要一种选择,请将以下内容用中文进行本地化转述:升级到Angular 7需要

    1. 项目单位的升级

 

    全系统升级(指定-g选项)

有两种选择。

项目级的升级

首先,需要了解当前的环境。

在命令行中输入 “ng -v”。

你可以知道Angular CLI的版本。

undefined

然后,我们将基于这个版本进行Angular的升级。

请注意,在那时您需要进入项目的根目录。

首先,使用Google搜索或其他搜索引擎,搜索题目为“Angular 7版本 – CLI提示,虚拟滚动,拖放等” 的页面,并打开该页面。

undefined

请在此处查看Angular7的升级内容。

然后在网页上找到”How to update to v7″的部分,并点击update.angular.io的链接。

undefined

选择现有的Angular版本后,Angular更新指南将会打开。

接下来,选择应用程序的复杂性、所依赖的环境和使用的包管理器,最后点击”展示给我如何更新”按钮。

undefined

然后在下方将显示更新方法,按照这个说明进行更新。

更新的基本指令是:

更新 @angular/cli @angular/core 的版本。

是的。

在整个系统上进行安装和升级(使用-g选项)

接下来是对整个系统进行升级,首先要检查Node.js和npm的版本。

undefined

输入”node –version”。

输入npm –version。

安装Angular7需要Node.js版本8及更高版本。

接下来进行Angular7的安装。

另外,从其他版本升级也需要执行相同的操作。

undefined

输入以下命令:npm i -g @angular/cli。

当安装完成后,请输入 ng –version 命令来确认版本。

undefined

接下来,我们将创建一个适当的项目并检查其运行情况。

undefined

输入 ng new ng7test01。

ng7test01是一个项目名称,这个名字是可选的。

一开始,有一个关于是否添加路由功能的询问,但在这里我们选择不添加。

接下来,关于样式表格式的询问,选择默认的CSS。

undefined

然后项目的生成开始。

完成这个过程需要一些时间。

一旦项目生成后,请进入该项目的目录。

undefined

然后,输入 “code .”,启动 Visual Studio Code。

然后,按住Control+@键,打开终端窗口。

undefined

当VS Code打开后,我们打开Package.json文件并确认版本。

会显示版本7。

undefined

在终端窗口中输入”ng s -o”,启动本地服务器并打开浏览器。

undefined

显示了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/
广告
将在 10 秒后关闭
bannerAds