# bigevent

**Repository Path**: bobojock/major-event-project

## Basic Information

- **Project Name**: bigevent
- **Description**: 大事件项目。。。。。。。。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-23
- **Last Updated**: 2024-09-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-BigEvent

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

接口文档:   https://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Compile and Minify for Production

```sh
pnpm build
```

### Lint with [ESLint](https://eslint.org/)

```sh
pnpm lint
```

<!-- 包管理工具 -->
比同类工具快两倍左右，节省磁盘空间
pnpm https://www.pnpm.cn/

安装 npm install -g pnpm
创建项目 pnpm create vue
安装依赖 pnpm i
安装axios pnpm add axios
装成开发依赖 pnpm add axios -D
删除依赖 pnpm remove axios
启动项目 pnpm dev

<!-- 基于 husky  的代码检查工作流 -->
husky 是一个 git hooks 工具  ( git的钩子工具，可以在特定时机执行特定的命令 )
**husky 配置**

1. git初始化 git init

2. 初始化 husky 工具配置  https://typicode.github.io/husky/

```jsx
pnpm dlx husky-init && pnpm install

3. 修改 .husky/pre-commit 文件

```jsx
pnpm lint
```

**lint-staged 配置**只会效验暂存区新添加的代码

1. 安装

```jsx
pnpm i lint-staged -D
```

2. 配置 `package.json`

```jsx
{
  // ... 省略 ...
  "lint-staged": {
    "*.{js,ts,vue}": [
      "eslint --fix"
    ]
  }
}

{
  "scripts": {
    // ... 省略 ...
    "lint-staged": "lint-staged"
  }
}
```

3. 修改 .husky/pre-commit 文件

```jsx
pnpm lint-staged
```

axios官网 

导入图标库
pnpm i @element-plus/icons-vue
import { Edit, Delete } from '@element-plus/icons-vue'
:icon="Edit"
当 ref 在模板中作为顶层属性被访问时，它们会被自动“解包”，所以不需要使用 .value。

<!-- 富文本编辑器插件 -->
https://vueup.github.io/vue-quill/guide/toolbar.html

1. 安装包

```js
pnpm add @vueup/vue-quill@latest
```

2. 注册成局部组件

```jsx
import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css'
```

连接远程仓库
git remote add origin https://gitee.com/bobojock/major-event-project.git

推送代码到master分支
git push -u origin "master"

远程仓库克隆
git clone https://gitee.com/bobojock/major-event-project.git