使用Angular初始化项目

创建Angular项目

• 命令如下：

即将创建项目的上一级目录> ng new 项目名称

• 举个栗子:
• 在D盘的Angular文件夹中想要创建一个新的Angular项目my-app，执行命令如下：

D:\Angular\ng new my-app

• 当执行一半的时候，ctrl+c+c打断它，因为网络原因失败的话会出现一些错误，所以我们自动 cd 切换到刚生成的项目中，执行命令

cnpm install

启动Angular应用程序

• 执行下面命令

ng serve 或者 npm start

• 启动项目成功，可打开 http://localhost:4200/ 查看，脚手架生成的项目已成功

• 使用测试一下，找到app.component.html文件

• 修改app.components.ts中的title值

• 刷新页面，效果如下：

---

千夏 Chinatsu : 我自是年少，韶华倾覆