update

.vscode/settings.json

@@ -1,4 +1,19 @@
 {
-  "i18n-ally.localesPaths": ["src/i18n", "src/i18n/lang"],
+	"editor.codeActionsOnSave": {
-  "cSpell.words": ["consola", "eruda", "mockjs", "nutui", "pinia", "stylelint", "vant", "vite", "vitejs", "vueuse"]
+    "source.fixAll": "explicit"
+  },
+  "eslint.options": {
+    // "configFile": "./eslintrc.js",
+    "rules": {
+      "no-restricted-syntax": "off"
+    }
+  },
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "vue",
+    "html",
+    "typescript",
+    "typescriptreact"
+  ]
 }

README.md

@@ -1,6 +1,6 @@
 # vue3-h5-template
 
-基于 vue3 + vite + Pinia + quark design + sass + viewport 适配方案 +axios 封装，构建手机端模板脚手架
+基于 vue3 + vite + Pinia + quark design + sass + viewport 适配方案 + axios 封装，构建手机端模板脚手架
 
 ### 启动项目
 
@@ -20,7 +20,7 @@ npm run dev
 - [√ vite.config.ts 基础配置](#base)
 - [√ alias](#alias)
 - [√ proxy 跨域](#proxy)
-- [√ Eslint+Pettier+stylelint 统一开发规范 ](#lint)
+- [√ Eslint + Pettier + stylelint 统一开发规范 ](#lint)
 
 ### <span id="env">✅ 配置多环境变量 </span>
 
@@ -278,7 +278,6 @@ export default function ({ command }: ConfigEnv): UserConfigExport {
     plugins: [
       vue(),
       vueJsx(),
-      eruda(),
       viteMockServe({
         mockPath: './src/mock',
         localEnabled: command === 'serve',

config/vite/plugins/eruda.ts

@@ -1,5 +0,0 @@
-import eruda from 'vite-plugin-eruda';
-
-export const ConfigEruda = () => {
-  return eruda();
-};

config/vite/plugins/index.ts

@@ -14,7 +14,7 @@ import { ConfigCompressPlugin } from './compress';
 import { ConfigPagesPlugin } from './pages';
 import { ConfigRestartPlugin } from './restart';
 import { ConfigProgressPlugin } from './progress';
-import { ConfigEruda } from './eruda';
+// import { ConfigEruda } from './eruda';
 import { ConfigStyleImport } from './styleImport';
 import { ConfigImageminPlugin } from './imagemin';
 import { ConfigVisualizerConfig } from './visualizer';
@@ -51,7 +51,7 @@ export function createVitePlugins(isBuild: boolean) {
   vitePlugins.push(ConfigStyleImport());
 
   // eruda
-  vitePlugins.push(ConfigEruda());
+  // vitePlugins.push(ConfigEruda());
 
   // rollup-plugin-visualizer
   vitePlugins.push(ConfigVisualizerConfig());

package.json

@@ -49,6 +49,8 @@
     "postcss-px-to-viewport-8-plugin": "^1.1.3",
     "prettier": "^2.7.1",
     "rollup-plugin-visualizer": "^5.6.0",
+    "sass": "^1.69.5",
+    "scss": "^0.2.4",
     "stylelint": "^14.9.1",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended": "^8.0.0",

src/main.ts

@@ -1,6 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
-import { nutUiComponents } from './plugins/nutUI';
 import { i18n } from '/@/i18n';
 import router from './router';
 import { setupStore } from '/@/store';
@@ -13,8 +12,3 @@ app.use(router);
 setupStore(app);
 app.use(i18n);
 app.mount('#app');
-
-// nutUi按需加载
-nutUiComponents.forEach((item) => {
-  app.use(item);
-});

src/plugins/nutUI.ts

@@ -1,63 +0,0 @@
-// nutui按需加载
-
-import {
-  Button,
-  Cell,
-  CellGroup,
-  Input,
-  Tabbar,
-  TabbarItem,
-  Toast,
-  ShortPassword,
-  Price,
-  Layout,
-  Rate,
-  Popup,
-  Calendar,
-  Video,
-  NumberKeyboard,
-  Tag,
-  Badge,
-  Avatar,
-  Menu,
-  MenuItem,
-  Popover,
-  Pagination,
-  Form,
-  FormItem,
-  Navbar,
-  Card,
-  Grid,
-  GridItem,
-} from '@nutui/nutui';
-
-export const nutUiComponents = [
-  Button,
-  Cell,
-  CellGroup,
-  Form,
-  FormItem,
-  Input,
-  Tabbar,
-  TabbarItem,
-  Toast,
-  ShortPassword,
-  Price,
-  Layout,
-  Rate,
-  Popup,
-  Calendar,
-  Video,
-  NumberKeyboard,
-  Tag,
-  Badge,
-  Avatar,
-  Menu,
-  MenuItem,
-  Popover,
-  Pagination,
-  Navbar,
-  Card,
-  Grid,
-  GridItem,
-];

src/utils/useAxiosApi.ts

@@ -1,6 +1,6 @@
 import { useAxios } from '@vueuse/integrations/useAxios';
 import axios, { AxiosRequestConfig } from 'axios';
-import Toast from 'vant/lib/toast';
+import Toast from "quarkd/lib/toast";
 
 // create an axios instance
 const instance = axios.create({
@@ -46,7 +46,7 @@ instance.interceptors.response.use(
     const res = response.data;
     // if the custom code is not 200, it is judged as an error.
     if (res.code !== 200) {
-      Toast(res.msg);
+      Toast.text(res.msg);
       // 412: Token expired;
       if (res.code === 412) {
         // store.dispatch('user/userLogout');
@@ -58,7 +58,7 @@ instance.interceptors.response.use(
   },
   (error) => {
     console.log('err' + error);
-    Toast(error.message);
+    Toast.text(error.message);
     return Promise.reject(error.message);
   },
 );

src/views/home/index.vue

@@ -26,6 +26,7 @@
     setLang(type);
   };
 </script>
+
 <style lang="scss">
   .header {
     display: flex;

vite.config.ts

@@ -12,6 +12,7 @@ const pathResolve = (dir: string) => {
 export default function ({ command }: ConfigEnv): UserConfigExport {
   const isProduction = command === 'build';
   const root = process.cwd();
+
   return {
     root,
     resolve: {
@@ -20,16 +21,10 @@ export default function ({ command }: ConfigEnv): UserConfigExport {
           find: 'vue-i18n',
           replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
         },
-        // /@/xxxx => src/xxxx
         {
           find: /\/@\//,
           replacement: pathResolve('src') + '/',
         },
-        // /#/xxxx => types/xxxx
-        {
-          find: /\/#\//,
-          replacement: pathResolve('types') + '/',
-        },
       ],
     },
     server: {
@@ -37,13 +32,5 @@ export default function ({ command }: ConfigEnv): UserConfigExport {
       hmr: true,
     },
     plugins: createVitePlugins(isProduction),
-    css: {
-      preprocessorOptions: {
-        scss: {
-          // 配置 nutui 全局 scss 变量
-          additionalData: `@import "@nutui/nutui/dist/styles/variables.scss";`,
-        },
-      },
-    },
   };
 }

yarn.lock

@@ -1174,16 +1174,27 @@ bin-version@^3.0.0:
     execa "^1.0.0"
     find-versions "^3.0.0"
 
-bin-wrapper@^4.0.0, bin-wrapper@^4.0.1:
+bin-wrapper@^4.0.0:
-  version "0.1.0"
+  version "4.1.0"
-  resolved "https://registry.npmjs.org/bin-wrapper-china/-/bin-wrapper-china-0.1.0.tgz"
+  resolved "https://registry.npmjs.org/bin-wrapper/-/bin-wrapper-4.1.0.tgz"
-  integrity sha512-1UCm17WYEbgry50tup+AQN+JGVEVzoW4f8HMl899k1lvuFxWKGZXl/G2fgxQxAckRjnloO3ijLVVEsv8zescUg==
+  integrity sha512-hfRmo7hWIXPkbpi0ZltboCMVrU+0ClXR/JgbCKKjlDjQf6igXa7OwdqNcFWQZPZTgiY7ZpzE3+LjjkLiTN2T7Q==
   dependencies:
     bin-check "^4.1.0"
     bin-version-check "^4.0.0"
-    binary-mirror-config "^1"
     download "^7.1.0"
-    import-lazy "^4.0.0"
+    import-lazy "^3.1.0"
+    os-filter-obj "^2.0.0"
+    pify "^4.0.1"
+
+bin-wrapper@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/bin-wrapper/-/bin-wrapper-4.1.0.tgz"
+  integrity sha512-hfRmo7hWIXPkbpi0ZltboCMVrU+0ClXR/JgbCKKjlDjQf6igXa7OwdqNcFWQZPZTgiY7ZpzE3+LjjkLiTN2T7Q==
+  dependencies:
+    bin-check "^4.1.0"
+    bin-version-check "^4.0.0"
+    download "^7.1.0"
+    import-lazy "^3.1.0"
     os-filter-obj "^2.0.0"
     pify "^4.0.1"
 
@@ -1192,11 +1203,6 @@ binary-extensions@^2.0.0:
   resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-binary-mirror-config@^1:
-  version "1.41.0"
-  resolved "https://registry.npmjs.org/binary-mirror-config/-/binary-mirror-config-1.41.0.tgz"
-  integrity sha512-ZiIhR1s6Sv1Fv6qCQqfPjx0Cj86BgFlhqNxZgHkQOWcxJcMbO3mj1iqsuVjowYqJqeZL8e52+IEv7IRnSX6T6w==
-
 bl@^1.0.0:
   version "1.2.3"
   resolved "https://registry.npmjs.org/bl/-/bl-1.2.3.tgz"
@@ -1475,7 +1481,7 @@ change-case@*, change-case@^4.1.2:
     snake-case "^3.0.4"
     tslib "^2.0.3"
 
-chokidar@^3.5.2, chokidar@^3.5.3:
+chokidar@^3.5.2, chokidar@^3.5.3, "chokidar@>=3.0.0 <4.0.0":
   version "3.5.3"
   resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -3438,6 +3444,11 @@ imagemin@^7.0.1:
     p-pipe "^3.0.0"
     replace-ext "^1.0.0"
 
+immutable@^4.0.0:
+  version "4.3.4"
+  resolved "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz"
+  integrity sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==
+
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz"
@@ -3446,6 +3457,11 @@ import-fresh@^3.0.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
+import-lazy@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/import-lazy/-/import-lazy-3.1.0.tgz"
+  integrity sha512-8/gvXvX2JMn0F+CDlSC4l6kOmVaLOO3XLkksI7CI3Ud95KDYJuYur2b9P/PUt/i/pDAMd/DulQsNbbbmRRsDIQ==
+
 import-lazy@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz"
@@ -4668,6 +4684,11 @@ object.pick@^1.3.0:
   dependencies:
     isobject "^3.0.1"
 
+ometa@0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npmjs.org/ometa/-/ometa-0.2.2.tgz"
+  integrity sha512-LZuoK/yjU3FvrxPjUXUlZ1bavCfBPqauA7fsNdwi+AVhRdyk2IzgP3JRnevvjzQ6fKHdUw8YISshf53FmpHrng==
+
 on-finished@~2.3.0:
   version "2.3.0"
   resolved "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz"
@@ -5545,6 +5566,22 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
+sass@*, sass@^1.69.5:
+  version "1.69.5"
+  resolved "https://registry.npmjs.org/sass/-/sass-1.69.5.tgz"
+  integrity sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
+scss@^0.2.4:
+  version "0.2.4"
+  resolved "https://registry.npmjs.org/scss/-/scss-0.2.4.tgz"
+  integrity sha512-4u8V87F+Q/upVhUmhPnB4C1R11xojkRkWjExL2v0CX2EXTg18VrKd+9JWoeyCp2VEMdSpJsyAvVU+rVjogh51A==
+  dependencies:
+    ometa "0.2.2"
+
 scule@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npmjs.org/scule/-/scule-0.2.1.tgz"
@@ -5753,7 +5790,7 @@ sort-keys@^2.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
-source-map-js@^1.0.2:
+source-map-js@^1.0.2, "source-map-js@>=0.6.2 <2.0.0":
   version "1.0.2"
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==