搭建Angular开发环境

首先,Angular是什么

Angular是一个平台,可用于创建适用于移动和桌面环境的Web应用程序。只需引入Angular,就可以准备好开发库和调试工具。
根据官方网站,似乎具有以下优点:

    • 個人開発もエンタープライズレベルの開発もOK

 

    • コンポーネントという単位でアプリを組み立てることができ、最小限の労力で開発ができる

 

    170万人を超える多様なグループによるエコシステムで、もっと安定化&もっと便利に

环境准备已就绪。

通常情况下,操作是通过终端或命令提示符等进行的。
由于本文作者是Windows用户,所以使用命令提示符进行操作。

准备Node.js和npm

我们将安装Angular所基于的Node.js。请从以下页面下载并执行安装程序。此安装程序将同时安装Node.js和软件包管理工具npm。下载页面(官方网站)

为了确认安装是否成功,可以进行版本检查。
可以使用npm -v来检查npm的版本,
使用node -v来检查Node.js的版本。

Angular的准备

通过npm安装Angular。

npm install @angular/cli -g

如果您已经安装了Angular并希望进行更新,可以使用以下命令。末尾的-g是一个选项,可让所有用户安装。

npm upgrade @angular/cli -g

为了确认安装是否成功,我们将进行版本检查。
可以使用npm list –depth=0 -g命令来显示已安装的软件包列表,并确认其版本。

创建和启动Angular项目的确认

要创建Angular程序,您需要在终端中执行命令。使用cd命令进入要创建项目的目录,然后执行以下命令。

ng new 作成したいプロジェクトの名前

执行命令后会询问”Would you like to add Angular routing? y/N”。
由于要使用路由功能进行页面切换,通常会选择y(输入y并按回车键回答)。
接下来会询问你希望使用哪种样式表格式。
选择样式表的类型。使用光标键选择并按回车键回答。
然后,在当前目录下将创建一个新目录并生成基本文件。

当创建项目的过程结束后,使用cd命令进入项目文件夹,然后运行以下命令来启动服务器。
在执行此命令期间,您的计算机将充当服务器。

ng serve --open
angular_initial_screen.png

准备完成后,就到这一步了。

当你要停止服务器时,打开终端,按下Ctrl+C来终止。

广告
将在 10 秒后关闭
bannerAds