init

.env

@@ -0,0 +1,10 @@
+# base
+
+# env文件中所有值都是字符串
+# 对于true/false的变量，拿到的是'true'/'false'，并不是boolean，需要boolean时不能直接使用，需要判断VITE_KEY === 'true'
+# 或者将变量定义为boolean，用'true'表示true，''表示false，使用的时候再用Boolean()转换
+
+# 页面标题
+VITE_APP_TITLE = vue3-vant-mobile
+# 接口请求地址，会设置到 axios 的 baseURL 参数上
+VITE_APP_API_BASE_URL = /api

.env.development

@@ -0,0 +1,12 @@
+# 开发环境
+NODE_ENV = development
+
+VITE_APP_API_BASE_URL = /api-dev
+
+# 是否在打包时生成 sourcemap
+VITE_BUILD_SOURCEMAP = true
+# 是否在打包时删除 console 代码
+VITE_BUILD_DROP_CONSOLE = false
+# 是否开启调试工具 vconsole
+VITE_BUILD_VCONSOLE = true
+

.env.production

@@ -0,0 +1,11 @@
+# 生产环境
+NODE_ENV = production
+
+VITE_APP_API_BASE_URL = /api-pro
+
+# 是否在打包时生成 sourcemap
+VITE_BUILD_SOURCEMAP = false
+# 是否在打包时删除 console 代码
+VITE_BUILD_DROP_CONSOLE = true
+# 是否开启调试工具 vconsole
+VITE_BUILD_VCONSOLE = false

.env.test

@@ -0,0 +1,12 @@
+# 测试环境
+NODE_ENV = test
+
+VITE_APP_API_BASE_URL = /api-test
+
+# 是否在打包时生成 sourcemap
+VITE_BUILD_SOURCEMAP = true
+# 是否在打包时删除 console 代码
+VITE_BUILD_DROP_CONSOLE = false
+# 是否开启调试工具 vconsole
+VITE_BUILD_VCONSOLE = true
+

.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.eslintrc-auto-import.json

@@ -0,0 +1,57 @@
+{
+  "globals": {
+    "EffectScope": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useSlots": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}

.eslintrc.cjs

@@ -0,0 +1,46 @@
+/**
+ * npx eslint --init // 自动生成配置文件并安装下面四个依赖
+ *
+ * npm i eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-vue -D // 手动创建文件
+ *
+ * eslint
+ * @typescript-eslint/parser // ESLint 默认使用的是 Espree 进行语法解析，所以无法对部分 typescript 语法进行解析，需要替换掉默认的解析器
+ * @typescript-eslint/eslint-plugin // 作为 eslint 默认规则的补充，提供了一些额外的适用于 ts 语法的规则
+ * eslint-plugin-vue // 让 eslint 识别 vue 文件
+ *
+ * 配置文件优先级：.eslintrc.js > .eslintrc.yaml > .eslintrc.yml > .eslintrc.json > .eslintrc > package.json。
+ */
+
+module.exports = {
+  root: true, // 停止向上查找父级目录中的配置文件
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+    'vue/setup-compiler-macros': true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-essential',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+    // eslint-config-prettier 的缩写
+    'prettier',
+    // 解决使用自动导入api报错
+    './.eslintrc-auto-import.json',
+    // 单独解决使用vue api时报错
+    // 'vue-global-api',
+  ],
+  parser: 'vue-eslint-parser', // 指定要使用的解析器
+  // 给解析器传入一些其他的配置参数
+  parserOptions: {
+    ecmaVersion: 'latest', // 支持的es版本
+    parser: '@typescript-eslint/parser',
+    sourceType: 'module', // 模块类型，默认为script，我们设置为module
+  },
+  plugins: ['vue', '@typescript-eslint', 'prettier'], // eslint-plugin- 可以省略
+  rules: {
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+  },
+};

.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+# .vscode/*
+# !.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.prettierrc.cjs

@@ -0,0 +1,19 @@
+/**
+ * npm i prettier eslint-config-prettier eslint-plugin-prettier -D // 安装prettier
+ *
+ * npx mrm lint-staged -D // 安装husky和lint-stage，并且配置好husky。
+ *
+ * npm install @commitlint/cli @commitlint/config-conventional -D // 安装commitlint校验提交信息格式
+ */
+
+module.exports = {
+  printWidth: 100,
+  tabWidth: 2,
+  useTabs: false, // 是否使用tab进行缩进，默认为false
+  singleQuote: true, // 是否使用单引号代替双引号，默认为false
+  semi: true, // 行尾是否使用分号，默认为true
+  arrowParens: 'always',
+  endOfLine: 'auto',
+  vueIndentScriptAndStyle: true,
+  htmlWhitespaceSensitivity: 'strict',
+};

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  // 保存时eslint自动修复错误 新版本改为下面那个配置
+  // "eslint.autoFixOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  //保存自动格式化
+  "editor.formatOnSave": true
+}