搭建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

准备完成后,就到这一步了。
当你要停止服务器时,打开终端,按下Ctrl+C来终止。