ngx-perfect-scrollbar 开源项目教程
ngx-perfect-scrollbar Angular wrapper library for the Perfect Scrollbar 项目地址:https://gitcode.com/gh_mirrors/ng/ngx-perfect-scrollbar
1. 项目的目录结构及介绍
ngx-perfect-scrollbar/
├── e2e/
│ ├── src/
│ │ ├── app.e2e-spec.ts
│ │ └── app.po.ts
│ ├── protractor.conf.js
│ └── tsconfig.e2e.json
├── projects/
│ └── ngx-perfect-scrollbar/
│ ├── src/
│ │ ├── lib/
│ │ │ ├── directives/
│ │ │ │ ├── perfect-scrollbar.directive.ts
│ │ │ │ └── perfect-scrollbar.directive.spec.ts
│ │ │ ├── perfect-scrollbar.module.ts
│ │ │ └── perfect-scrollbar.service.ts
│ │ ├── public-api.ts
│ │ └── test.ts
│ ├── karma.conf.js
│ ├── ng-package.json
│ ├── package.json
│ ├── tsconfig.lib.json
│ ├── tsconfig.spec.json
│ └── tslint.json
├── src/
│ ├── app/
│ │ ├── app.component.css
│ │ ├── app.component.html
│ │ ├── app.component.spec.ts
│ │ ├── app.component.ts
│ │ └── app.module.ts
│ ├── assets/
│ ├── environments/
│ │ ├── environment.prod.ts
│ │ └── environment.ts
│ ├── index.html
│ ├── main.ts
│ ├── polyfills.ts
│ ├── styles.css
│ ├── test.ts
│ ├── tsconfig.app.json
│ ├── tsconfig.spec.json
│ └── tslint.json
├── angular.json
├── package.json
├── tsconfig.json
└── tslint.json
目录结构介绍
e2e/
: 端到端测试目录。projects/
: 包含项目的库代码。
ngx-perfect-scrollbar/
: 项目的主要代码。
src/
: 源代码目录。
lib/
: 库的核心代码。
directives/
: 包含指令代码。perfect-scrollbar.module.ts
: 模块定义文件。perfect-scrollbar.service.ts
: 服务定义文件。 public-api.ts
: 公共API定义文件。test.ts
: 测试配置文件。 karma.conf.js
: Karma测试运行器配置文件。ng-package.json
: ng-packagr配置文件。package.json
: 项目依赖管理文件。tsconfig.lib.json
: TypeScript库配置文件。tsconfig.spec.json
: TypeScript测试配置文件。tslint.json
: TSLint配置文件。 src/
: 应用的主要源代码目录。
app/
: 应用模块和组件代码。assets/
: 静态资源目录。environments/
: 环境配置文件。index.html
: 应用入口HTML文件。main.ts
: 应用入口TypeScript文件。polyfills.ts
: 浏览器兼容性填充文件。styles.css
: 全局样式文件。test.ts
: 测试配置文件。tsconfig.app.json
: TypeScript应用配置文件。tsconfig.spec.json
: TypeScript测试配置文件。tslint.json
: TSLint配置文件。 angular.json
: Angular CLI配置文件。package.json
: 项目依赖管理文件。tsconfig.json
: TypeScript根配置文件。tslint.json
: TSLint根配置文件。
2. 项目的启动文件介绍
main.ts
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if
ngx-perfect-scrollbar Angular wrapper library for the Perfect Scrollbar 项目地址:https://gitcode.com/gh_mirrors/ng/ngx-perfect-scrollbar