Angular新手村第一关
作者:互联网
1. 全局安装
$ npm install -g @angular/cli
// 查看是否安装成功
$ ng v
// 出现下面,则成功
...
Angular CLI: 13.2.5
Node: 16.13.2
Package Manager: npm 8.3.2
OS: win32 x64
...
2. 新建项目
// 第一步
$ ng new my-app
// 第二步
// 1. 选择是否需要routing,也就是路由
// 2. 选择css,scss,...
// 第三步
// 1. 如果出现error,则应该是cli的原因,卸载重新安装即可
// 2. 如果出现warning,说明是成功
// 第四步
$ cd my-app
$ ng serve --open // --open自动打开浏览器运行
3. 项目目录
src // 源代码
-- app // 页面 组件 模块
-- app-routing.module.ts // 全局路由配置
-- app.component.html // HTML模板
-- app.component.scss // 组件样式
-- app.component.ts // 应用的根组件定义逻辑,名为 AppComponent
-- app.component.spec.ts // 为根组件 AppComponent 定义了一个单元测试
-- app.module.ts // 定义了名为 AppModule 的根模块,Angular 用来组装应用
-- assets // 静态资源
-- environments // 环境配置
-- index.html // 根html
-- main.ts // 项目入口
-- polyfills.ts // 导入一些必要的库
-- styles.scss // 全局样式
-- test.ts // 自动化测试
标签:...,新手村,--,app,component,ts,组件,第一关,Angular 来源: https://www.cnblogs.com/zhangmenglei/p/15954482.html