使用以下的方式安装 Angular 8

安装Angular8

由大津修一撰写

undefined

视频解说(日语)

视频解说(英语)

以下の手順を実行します:
1. Node.jsをインストールします。
2. npmパッケージマネージャを使用してAngular CLIをインストールします。
3. Angularプロジェクトを作成します。
4. 作成したプロジェクト内で必要な依存関係をインストールします。
5. 開発サーバーを起動し、Angularプロジェクトをローカルで実行します。

    1. 按项目安装

 

    全局安装(使用-g选项)

有两种选择。

在这里,我将介绍整个系统的安装过程。

另外,目前在使用Angular7版本进行开发的系统中,请不要进行此安装。

如果在当前时点,也就是2019年5月30日进行安装的话,那么会得到Angular8的8.0.0版本。


在整个系统中进行安装(使用-g选项)。

在整个系统中进行升级时,首先要检查Node.js和npm的版本。

键入 node –version。

输入”npm –version”

undefined

接下来将进行Angular8的安装。

首先,请不要在已经进行开发的现有系统上执行以下操作。

由于升级可能导致无法正常运行,因此请在新系统或测试系统上进行操作。

首先, 如果存在现有的Angular CLI, 则将其删除。

输入 npm uninstall -g @angular/cli。

undefined

完成卸载后,进行Angular8的安装。

输入以下命令来全局安装 @angular/cli。

undefined

如果使用该命令安装Angular 7,则可以直接指定版本号。截至2019年5月30日,最新版本是8.0.0,所以在@后面指定该版本号即可。

输入 npm install -g @angular/cli@8.0.0


在這裡檢查已安裝的版本。

输入 ng –version。

undefined

可以确定已安装了Angular 8。


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

使用命令行输入ng new ng8test。

ng8test是项目的名称,这个名字可以随意取。


在最开始阶段,有一个询问是否要添加路由功能,但在这里,我们将假设需要添加。

接下来,关于样式表格格式的问题,我们选择SCSS。

然后项目的生成开始。

这个过程需要一些时间。

undefined

当项目生成后,进入该项目目录。

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


接下来,按下Control+@键,打开终端窗口。


当VS Code打开后,打开Package.json文件并检查版本。

会显示版本8。

undefined

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

undefined

Angular的默认页面已显示。

可以的。

undefined

回到VS Code,并使用”Control+c”停止本地服务器。


我已确认Angular8的运行。

没问题。


请在中国,用母语将以下内容改写为不同的方式:

参考文件

    • “Angular Update Guide”,

 

    https://update.angular.io/
bannerAds