# angular **Repository Path**: Xtreeroot/angular ## Basic Information - **Project Name**: angular - **Description**: angular学习 - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-12-06 - **Last Updated**: 2023-10-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: angular与主从数据 ## README # angular #### 介绍 angular学习 * https://angular.cn/start ### 设置淘宝镜像 `npm config set registry https://registry.npm.taobao.org` ### 安装 typescript和typings `npm install -g typescript typings` ### 全局安装angular-cli `npm i -g @angular/cli` ### 创建方式 1.`ng new myApp` 2.`ng new myApp --skip-install` * 第一种是创建项目的同时安装node包， * 第二种是创建项目跳过node包的安装, * 需要单独安装 安装命令：npm i 或者npm install ### 解决系统上禁止运行脚本 * 以管理员身份打开PowerShell * 输入 set-executionpolicy remotesigned * 选择A 回车 ### 启动项目 `ng serve`或者`ng serve --open `或者`npm start` ### 创建组件 `ng generate component [options]`
ng generate component product-details
`ng g c [options] `（简写 ） ### 创建服务 `ng generate service ` ### 添加路由模块： `ng generate module --flat --module=app` * --flat 把这个文件放进了 src/app 中，而不是单独的目录中。 * --module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中。 ### 文件目录 * 首层目录：
node_modules：  第三方依赖包存放目录
e2e：   端到端的测试目录 用来做自动测试的
src：   应用源代码目录
.angular-cli.json：  Angular命令行工具的配置文件。后期可能会去修改它，引一些其他的第三方的包 比如jquery等
karma.conf.js：   karma是单元测试的执行器，karma.conf.js是karma的配置文件
package.json：   这是一个标准的npm工具的配置文件，这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新建项目的时候，等了半天就是在下载第三方依赖包。下载完成后会放在node_modules这个目录中，后期我们可能会修改这个文件。
protractor.conf.js：  也是一个做自动化测试的配置文件
README.md ：   说明文件
tslint.json：   是tslint的配置文件，用来定义TypeScript代码质量检查的规则，不用管它
* src目录： 
app目录：   包含应用的组件和模块，我们要写的代码都在这个目录
assets目录：   资源目录，存储静态资源的 比如图片
environments目录：   环境配置。Angular是支持多环境开发的，我们可以在不同的环境下（开发环境，测试环境，生产环境）共用一套代码，主要用来配置环境的
index.html：   整个应用的根html，程序启动就是访问这个页面
main.ts ：   整个项目的入口点，Angular通过这个文件来启动项目
polyfills.ts ：   主要是用来导入一些必要库，为了让Angular能正常运行在老版本下
styles.css：   主要是放一些全局的样式
tsconfig.app.json：   TypeScript编译器的配置,添加第三方依赖的时候会修改这个文件
tsconfig.spec.json：   不用管
test.ts ：   也是自动化测试用的
typings.d.ts ：   不用管