Angular 6 项目配置

AngularJS基于模型视图控制器，而Angular 4基于组件结构。Angular 6在与Angular 4相同的结构上工作，但是与Angular 4相比更快。

Angular6使用TypeScript 2.9版本，而Angular 4使用TypeScript 2.9版本。这给性能带来了很大的差异。

我介绍了如何安装Angular 6的环境，如果要验证是否成功安装了Angular CLI请在终端中运行以下命令

楼层更新...

阅读全文

奶瓶 · 2022-4-20

ng -v
当我们安装好了Angular CLI，就可以使用ng命令创建和管理Angular项目了。执行命令

奶瓶 · 2022-4-20

ng new myproject
我们将为这个项目命名myproject，执行上述命令即可成功安装，新版本的Angular CLI会询问2个问题，一个是否开启Angular路由，默认可以选择否，另外一个询问样式表的格式，默认CSS即可。

奶瓶 · 2022-4-20

cd myproject
此时我们可以直接运行项目。

奶瓶 · 2022-4-20

另外，本次教程我们使用的IDE工具为Visual Studio Code，您也可以使用任何其他的IDE工具。

奶瓶 · 2022-4-20

ng serve
000_welcome.jpg

看到上面的画面说明项目已经成功创建，后面我们会对目录结构进行讲解。

奶瓶 · 2022-4-20

目录结构
e2e:端到端的测试目录，用来做自动化测试

奶瓶 · 2022-4-20

src:应用源代码目录

奶瓶 · 2022-4-20

node_modules:第三方依赖包存放目录

奶瓶 · 2022-4-20

angular.json：Angular命令行工具的配置文件，后期可能会修改它，引一些其他的第三方的包，比如jquery等

奶瓶 · 2022-4-20

.editorconfig：编辑器的配置文件

【HR】Angular 6 项目配置

#楼主# 2022-4-20

评论