美文网首页前端MVVM框架
英雄编辑器(01)-创建项目

英雄编辑器(01)-创建项目

作者: 裘马轻狂大帅 | 来源:发表于2020-08-06 14:37 被阅读0次

1,创建项目

ng new angular-tour-of-heroes

启动应用服务器

cd angular-tour-of-heroes

ng serve –open

ng serve 命令会构建本应用、启动开发服务器、监听源文件,并且当那些文件发生变化时重新构建本应用。

--open 标志会打开浏览器,并访问 http://localhost:4200/。

修改应用标题

用你最喜欢的编辑器或 IDE 打开这个项目,并访问 src/app 目录,来对这个起始应用做一些修改。

你会在这里看到 AppComponent 壳的三个实现文件:

1.  app.component.ts— 组件的类代码,这是用 TypeScript 写的。

2.  app.component.html— 组件的模板,这是用 HTML 写的。

3.  app.component.css— 组件的私有 CSS 样式。

小结

 你使用 Angular CLI 创建了初始的应用结构。

你学会了使用 Angular 组件来显示数据。

你使用双花括号插值显示了应用标题。

相关文章

网友评论

    本文标题:英雄编辑器(01)-创建项目

    本文链接:https://www.haomeiwen.com/subject/egwzrktx.html