使用以下的方式安装 Angular 8
安装Angular8
由大津修一撰写

视频解说(日语)
视频解说(英语)
以下の手順を実行します:
1. Node.jsをインストールします。
2. npmパッケージマネージャを使用してAngular CLIをインストールします。
3. Angularプロジェクトを作成します。
4. 作成したプロジェクト内で必要な依存関係をインストールします。
5. 開発サーバーを起動し、Angularプロジェクトをローカルで実行します。
-
- 按项目安装
- 全局安装(使用-g选项)
有两种选择。
在这里,我将介绍整个系统的安装过程。
另外,目前在使用Angular7版本进行开发的系统中,请不要进行此安装。
如果在当前时点,也就是2019年5月30日进行安装的话,那么会得到Angular8的8.0.0版本。
在整个系统中进行安装(使用-g选项)。
在整个系统中进行升级时,首先要检查Node.js和npm的版本。
键入 node –version。
输入”npm –version”

接下来将进行Angular8的安装。
首先,请不要在已经进行开发的现有系统上执行以下操作。
由于升级可能导致无法正常运行,因此请在新系统或测试系统上进行操作。
首先, 如果存在现有的Angular CLI, 则将其删除。
输入 npm uninstall -g @angular/cli。

完成卸载后,进行Angular8的安装。
输入以下命令来全局安装 @angular/cli。

如果使用该命令安装Angular 7,则可以直接指定版本号。截至2019年5月30日,最新版本是8.0.0,所以在@后面指定该版本号即可。
输入 npm install -g @angular/cli@8.0.0
在這裡檢查已安裝的版本。
输入 ng –version。

可以确定已安装了Angular 8。
接下来,我们将创建一个合适的项目并检查其运行情况。
使用命令行输入ng new ng8test。
ng8test是项目的名称,这个名字可以随意取。
在最开始阶段,有一个询问是否要添加路由功能,但在这里,我们将假设需要添加。
接下来,关于样式表格格式的问题,我们选择SCSS。
然后项目的生成开始。
这个过程需要一些时间。

当项目生成后,进入该项目目录。
然后,输入”code .”,启动Visual Studio Code。
接下来,按下Control+@键,打开终端窗口。
当VS Code打开后,打开Package.json文件并检查版本。
会显示版本8。

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

Angular的默认页面已显示。
可以的。

回到VS Code,并使用”Control+c”停止本地服务器。
我已确认Angular8的运行。
没问题。
请在中国,用母语将以下内容改写为不同的方式:
参考文件
-
- “Angular Update Guide”,
- https://update.angular.io/