open-index/open-npm huggingface dataset:
npm package: @lihecen1234/webterminal
Description: - Vue3 + Ts + vite +antD-V + pinia - 实现你想实现的指令 - 回车即可执行
Latest version: 0.0.0

# webTerminal
- Vue3 + Ts + vite +antD-V + pinia
- 实现你想实现的指令
- 回车即可执行

## 学习心得
### 0.env.d.ts
```bash

    /// <reference types="vite/client" />

    // 为Vue文件生命类型模块，记住就行，这样在import vue组件时vscode不报错
    declare module '*.vue' {
        import type { DefineComponent } from 'vue'
        // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
        const component: DefineComponent<{}, {}, any>
        export default component
    }
```

### 1.Ts命名空间实现类型说明模块化 

### 2.antD-V的基本使用

### 3.防抖与节流实现

### 4.getopt库的基本使用
- option配置
- 参数配置
- 获取解析后的参数

### 5.页面组件与指令分离的设计模式
- defineAsyncComponent的使用
- 指令的设计
- 父子指令的调用关系

### 6.store持久化

### 7.StyleValue类型的使用

### 8.自定义hooks
- useHint
- useHistory
- useDebounce

### 9.Props参数的接受与默认值

### 10.website命令的设计模式
- Vue组件完成负责数据操作
- Command命令完成数据展示

### 11.初次体验讲前端项目Chrome插件化
- 取消路由使用
- 打包项目
- dist文件下新增manifest.json文件
- 配置manifest.json

### 12.上传本地图片作为背景图片
```bash
    let imageObj = (img.files[0])
    let fr = new FileReader() //异步读取文件对象

    fr.readAsDataURL(imageObj)  //读取为data:url数据流
    fr.onloadend = function(){
        // 把base64数据存放到localStorage中
        localStorage.setItem("imgBase",fr.result)
    }

```
npm package: @lihi/responsive-header
Description: This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.0.0.
Latest version: 0.1.4

# ResponsiveHeader

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.0.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build responsive-header
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:
   ```bash
   cd dist/responsive-header
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.