./src
    ├── assets        `靜態(tài)資源，圖片...`
    ├── components    `通用組件`
    ├── router        `路由`
    │   └── index.ts
    ├── api      `接口服務API`
    ├── stores        `狀態(tài)倉庫`
    ├── styles        `樣式`
    │   └── main.scss
    ├── types         `TS類型`
    ├── utils         `工具函數(shù)`
    ├── views         `頁面`
    ├── main.ts       `入口文件`
    └──App.vue       `根組件`

// 聲明文件
// 用于引入 Vite 提供的類型聲明，使 TypeScript 了解 ImportMeta 和 ImportMetaEnv 的類型
/// <reference types="vite/client" />
declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

{
  "compilerOptions": {
    "target": "ESNext", // 目標轉(zhuǎn)化的語法
    "useDefineForClassFields": true,
    "module": "ESNext", // 轉(zhuǎn)化的格式
    "moduleResolution": "Node", //解析規(guī)則
    "strict": true, //嚴格模式
    "sourceMap": true, // 啟動sourceMap調(diào)試
    "jsx": "preserve", // 不允許ts編譯jsx語法
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true, //es6和commonjs轉(zhuǎn)化
    "lib": [
      "ESNext",
      "DOM"
    ],
    "skipLibCheck": true,
    "noEmit": true,
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "src/*"
      ],
      "components": [
        "src/components/*"
      ],
      "_pinia/*": [
        "src/pinia/*"
      ]
    },
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "types"
  ],
}

module.exports = {
  env: { //環(huán)境 針對環(huán)境的語法
    browser: true,
    es2021: true,
    node: true
  },
  // 集成了哪些規(guī)則 別人寫好的
  extends: ['eslint:recommended', 'plugin:vue/vue3-essential', 'plugin:@typescript-eslint/recommended'],
  overrides: [],
  // 'parser': '@typescript-eslint/parser',
  // 可以解析.vue 文件
  parser: 'vue-eslint-parser',
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    parser: '@typescript-eslint/parser' // 解析ts文件
  },
  plugins: ['vue', '@typescript-eslint', 'prettier'],
  // 自定義的規(guī)則
  rules: {
    'vue/multi-word-component-names': 'off',
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'arrow-spacing': [
      2,
      {
        //強制箭頭函數(shù)前后都使用空格
        before: true,
        after: true
      }
    ],
    'prettier/prettier': 'off',
    "@typescript-eslint/no-explicit-any": ["off"], // 關閉不能定義any類型的校驗
    'no-irregular-whitespace': 2, // 不能有不規(guī)則的空格
    'comma-dangle': [2, 'never'] // 對象字面量項尾不能有逗號
  }
}

.DS_Store
node_modules
/dist


# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

module.exports = {
  printWidth: 200, //一行內(nèi)容的寬度，默認80
  singleQuote: true, //使用雙引號
  semi: false, // 末尾添加分號
  tabWidth: 2,
  trailingComma: 'none',
  useTabs: false,
  endOfLine: 'auto'
}

#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"

npx --no-install commitlint --edit $1

module.exports={extends:['@commitlint/config-conventional'],rules:{}}

import 'vant/lib/index.css'
import vant from 'vant'
app.use(vant)

// Toast
import { showToast } from 'vant';
import 'vant/es/toast/style';

// Dialog
import { showDialog } from 'vant';
import 'vant/es/dialog/style';

// Notify
import { showNotify } from 'vant';
import 'vant/es/notify/style';

// ImagePreview
import { showImagePreview } from 'vant';
import 'vant/es/image-preview/style';

// eslint-disable-next-line no-undef
module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      // 設備寬度375計算vw的值
      viewportWidth: 375,
    },
  },
};

// vite.config.js
import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      imports: ['vue', 'vue-router']
      // eslintrc: { enabled: true }
    })
  ],
  ...
  })