新建一个angular项目 菜鸟教程

1.假设angular learning 是我们想要存放项目的文件夹，则到angular learning文件夹下，输入cmd.exe回车开启终端；(也可在终端用cd angular learning找到该文件夹，如截图二)

2.我们给该项目命名为angular02，在终端中输入：ng new angular02，回车

3.第一个问题输入N 回车第二个问题选SCSS 回车

4.当出现Successfully initialized git. 时说明项目创建成功

 

 5.此时系统自动已经在angular learning文件夹下创建好了angular02。

在浏览器打开项目：cd到该项目文件夹下，输入：ng serve --open 回车 

 

回车后需要一会出现以下界面，即打开成功

 同时浏览器会出现以下界面，angular项目创建成功

6.在编辑器内打开项目，一般使用编辑器vscode 

（1）先在vscode上下载插件：在左侧菜单栏搜索选项搜angular，选择如图进行安装

（2）在vscode打开项目：文件->打开文件夹->找到angular02->选择打开  即可打开项目进行开发