创建一个Angular项目的方法从0开始
首先
本文是为初学者准备的,将会解释Angular项目的环境设置和创建方法。
环境准备完成
请预先安装以下软件。
-
- 開発IDE: WebStorm (任意)
NodeJs (必須)
Angular/Cli (必須)
在安装Node.js之后,您可以使用以下命令安装Angular/Cli。
使用npm全局安装@angular/cli:
npm install -g @angular/cli如果想要指定版本并安装:
npm install -g @angular/cli@版本
请在安装完成后使用命令进行确认。如果出现以下类似信息,则表示一切都OK。
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d394d37434c4406c794a5/8-0.png)
创建一个空白项目
用下面的命令创建一个空项目。
创建一个新的项目,例如:
ng new tasker
看了控制台后,我确认已经成功创建了。
启动
使用以下命令启动Angular项目。
运行ng serve
此外,如果您想更改端口,也可以使用以下命令。
请在端口4200上运行ng serve。
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d394d37434c4406c794a5/18-0.png)
当你进行到这一步时,你就完成了创建一个Angular的空白项目。
最后
最近我开始学习Angular,结果在Github上创建并持续开发了一个开源项目。
https://github.com/Hyman1993/tasker
对于对前端感兴趣的大家,一起加油吧。