目录结构调整

quasar.config.js

@@ -8,16 +8,14 @@
 // Configuration for your app
 // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js
 
-
+const ESLintPlugin = require("eslint-webpack-plugin");
-const ESLintPlugin = require('eslint-webpack-plugin')
 const MonacoEditorPlugin = require("monaco-editor-webpack-plugin");
 const CopyPlugin = require("copy-webpack-plugin");
+const path = require("path");
 
-const {
+const { configure } = require("quasar/wrappers");
-    configure
-} = require('quasar/wrappers');
 
-module.exports = configure(function(ctx) {
+module.exports = configure(function (ctx) {
   return {
     // https://v2.quasar.dev/quasar-cli-webpack/supporting-ts
     supportTS: false,
@@ -31,9 +29,7 @@ module.exports = configure(function(ctx) {
     boot: [],
 
     // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-css
-        css: [
+    css: ["app.css"],
-            'app.css'
-        ],
 
     // https://github.com/quasarframework/quasar/tree/dev/extras
     extras: [
@@ -45,13 +41,13 @@ module.exports = configure(function(ctx) {
       // 'line-awesome',
       // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
 
-            'roboto-font', // optional, you are not bound to it
+      "roboto-font", // optional, you are not bound to it
-            'material-icons', // optional, you are not bound to it
+      "material-icons", // optional, you are not bound to it
     ],
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
     build: {
-            vueRouterMode: 'hash', // available values: 'hash', 'history'
+      vueRouterMode: "hash", // available values: 'hash', 'history'
 
       // transpile: false,
       // publicPath: '/',
@@ -74,48 +70,55 @@ module.exports = configure(function(ctx) {
       // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
 
       chainWebpack(chain) {
-                chain.plugin('eslint-webpack-plugin')
+        chain.plugin("eslint-webpack-plugin").use(ESLintPlugin, [
-                    .use(ESLintPlugin, [{
+          {
-                        extensions: ['js', 'vue']
+            extensions: ["js", "vue"],
-                    }])
+          },
-                chain.plugin("monaco-editor-webpack-plugin")
+        ]);
-                  .use(MonacoEditorPlugin, [{
+        chain.plugin("monaco-editor-webpack-plugin").use(MonacoEditorPlugin, [
-                    languages: ['typescript', 'html'] // 只导入js和html
+          {
-                  }]);
+            languages: ["typescript", "html"], // 只导入js和html
-                chain.plugin("copy-webpack-plugin")
+          },
-                    .use(CopyPlugin, [{
+        ]);
-                        patterns: [{
+        chain.plugin("copy-webpack-plugin").use(CopyPlugin, [
-                            from: './plugin/',
+          {
+            patterns: [
+              {
+                from: "./plugin/",
                 to: ".",
                 info: {
-                                minimized: true
+                  minimized: true,
                 },
-                        }],
+              },
-                    }]);
+            ],
+          },
+        ]);
+        chain.resolve.alias.set("plugins", path.join(__dirname, "./src/plugins"));
+        chain.resolve.alias.set("js", path.join(__dirname, "./src/js"));
       },
       extendWebpack(cfg) {
         cfg.optimization.splitChunks = {
-                chunks: 'all',
+          chunks: "all",
           maxSize: 1 * 1000 * 1000,
           minSize: 200 * 1000,
           cacheGroups: {
             vendors: {
               test: /[\\/]node_modules[\\/]/,
-                    name: 'vendors',
+              name: "vendors",
-                    chunks: 'all',
+              chunks: "all",
             },
           },
-              }
+        };
-            }
+      },
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-devServer
     devServer: {
       server: {
-                type: 'http'
+        type: "http",
       },
       port: 8080,
-            open: false // opens browser window automatically
+      open: false, // opens browser window automatically
     },
 
     // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-framework
@@ -133,7 +136,7 @@ module.exports = configure(function(ctx) {
       // directives: [],
 
       // Quasar plugins
-            plugins: ['Notify']
+      plugins: ["Notify"],
     },
 
     // animations: 'all', // --- includes all animations
@@ -153,72 +156,46 @@ module.exports = configure(function(ctx) {
       maxAge: 1000 * 60 * 60 * 24 * 30,
       // Tell browser when a file from the server should expire from cache (in ms)
 
-
       chainWebpackWebserver(chain) {
-                chain.plugin('eslint-webpack-plugin')
+        chain.plugin("eslint-webpack-plugin").use(ESLintPlugin, [
-                    .use(ESLintPlugin, [{
+          {
-                        extensions: ['js']
+            extensions: ["js"],
-                    }])
+          },
+        ]);
       },
 
-
       middlewares: [
-                ctx.prod ? 'compression' : '',
+        ctx.prod ? "compression" : "",
-                'render' // keep this as last one
+        "render", // keep this as last one
-            ]
+      ],
     },
 
     // https://v2.quasar.dev/quasar-cli-webpack/developing-pwa/configuring-pwa
     pwa: {
-            workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
+      workboxPluginMode: "GenerateSW", // 'GenerateSW' or 'InjectManifest'
       workboxOptions: {}, // only for GenerateSW
 
       // for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
       // if using workbox in InjectManifest mode
 
       chainWebpackCustomSW(chain) {
-                chain.plugin('eslint-webpack-plugin')
+        chain.plugin("eslint-webpack-plugin").use(ESLintPlugin, [
-                    .use(ESLintPlugin, [{
+          {
-                        extensions: ['js']
+            extensions: ["js"],
-                    }])
+          },
+        ]);
       },
-
 
       manifest: {
         name: `quickcommand`,
         short_name: `quickcommand`,
         description: `plugin for uTools`,
-                display: 'standalone',
+        display: "standalone",
-                orientation: 'portrait',
+        orientation: "portrait",
-                background_color: '#ffffff',
+        background_color: "#ffffff",
-                theme_color: '#027be3',
+        theme_color: "#027be3",
-                icons: [{
+
-                        src: 'icons/icon-128x128.png',
-                        sizes: '128x128',
-                        type: 'image/png'
       },
-                    {
-                        src: 'icons/icon-192x192.png',
-                        sizes: '192x192',
-                        type: 'image/png'
-                    },
-                    {
-                        src: 'icons/icon-256x256.png',
-                        sizes: '256x256',
-                        type: 'image/png'
-                    },
-                    {
-                        src: 'icons/icon-384x384.png',
-                        sizes: '384x384',
-                        type: 'image/png'
-                    },
-                    {
-                        src: 'icons/icon-512x512.png',
-                        sizes: '512x512',
-                        type: 'image/png'
-                    }
-                ]
-            }
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-cordova-apps/configuring-cordova
@@ -228,22 +205,20 @@ module.exports = configure(function(ctx) {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-capacitor-apps/configuring-capacitor
     capacitor: {
-            hideSplashscreen: true
+      hideSplashscreen: true,
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-electron-apps/configuring-electron
     electron: {
-            bundler: 'packager', // 'packager' or 'builder'
+      bundler: "packager", // 'packager' or 'builder'
 
       packager: {
         // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
-
         // OS X / Mac App Store
         // appBundleId: '',
         // appCategoryType: '',
         // osxSign: '',
         // protocol: 'myapp://path',
-
         // Windows only
         // win32metadata: { ... }
       },
@@ -251,27 +226,26 @@ module.exports = configure(function(ctx) {
       builder: {
         // https://www.electron.build/configuration/configuration
 
-                appId: 'quickcommand'
+        appId: "quickcommand",
       },
 
       // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
 
       chainWebpackMain(chain) {
-                chain.plugin('eslint-webpack-plugin')
+        chain.plugin("eslint-webpack-plugin").use(ESLintPlugin, [
-                    .use(ESLintPlugin, [{
+          {
-                        extensions: ['js']
+            extensions: ["js"],
-                    }])
+          },
+        ]);
       },
-
-
 
       chainWebpackPreload(chain) {
-                chain.plugin('eslint-webpack-plugin')
+        chain.plugin("eslint-webpack-plugin").use(ESLintPlugin, [
-                    .use(ESLintPlugin, [{
+          {
-                        extensions: ['js']
+            extensions: ["js"],
-                    }])
           },
-
+        ]);
-        }
+      },
-    }
+    },
+  };
 });

src/components/CommandCard.vue

@@ -275,8 +275,8 @@
 </template>
 
 <script>
-import commandTypes from "../js/options/commandTypes.js";
+import commandTypes from "js/options/commandTypes.js";
-import platformTypes from "../js/options/platformTypes.js";
+import platformTypes from "js/options/platformTypes.js";
 import CrontabSetting from "components/popup/CrontabSetting";
 // import ShareDialog from "components/popup/ShareDialog";
 

src/components/CommandEditor.vue

@@ -73,13 +73,13 @@
 
 <script>
 import { defineAsyncComponent } from "vue";
-import CommandSideBar from "components/CommandSideBar";
+import CommandSideBar from "components/editor/CommandSideBar";
+import CommandLanguageBar from "components/editor/CommandLanguageBar";
+import EditorTools from "components/editor/EditorTools";
 import CommandRunResult from "components/CommandRunResult";
-import CommandLanguageBar from "components/CommandLanguageBar";
-import EditorTools from "components/EditorTools";
 // Performance Scripting > 500ms
 const MonacoEditor = defineAsyncComponent(() =>
-  import("components/MonacoEditor")
+  import("components/editor/MonacoEditor")
 );
 
 export default {

src/components/CommandRunResult.vue

@@ -38,9 +38,9 @@
 
 
 <script>
-import outputTypes from "../js/options/outputTypes.js";
+import outputTypes from "js/options/outputTypes.js";
-import specialVars from "../js/options/specialVars.js";
+import specialVars from "js/options/specialVars.js";
-import commandTypes from "../js/options/commandTypes.js";
+import commandTypes from "js/options/commandTypes.js";
 import ResultArea from "components/ResultArea.vue";
 import ResultMenu from "components/popup/ResultMenu.vue";
 

src/components/ConfigurationMenu.vue

@@ -523,11 +523,10 @@
 
 <script>
 import { setCssVar } from "quasar";
-import { ref } from "vue";
 import AboutThis from "components/popup/AboutThis";
 import PanelSetting from "components/popup/PanelSetting";
 import UserInfo from "components/popup/UserInfo";
-import features from "../js/options/quickFeatures.js";
+import features from "js/options/quickFeatures.js";
 import UserData from "components/popup/UserData";
 
 export default {

src/components/editor/CommandSideBar.vue

@@ -334,10 +334,10 @@
 </template>
 
 <script>
-import commandTypes from "../js/options/commandTypes.js";
+import commandTypes from "js/options/commandTypes.js";
-import outputTypes from "../js/options/outputTypes.js";
+import outputTypes from "js/options/outputTypes.js";
-import specialVars from "../js/options/specialVars.js";
+import specialVars from "js/options/specialVars.js";
-import platformTypes from "../js/options/platformTypes.js";
+import platformTypes from "js/options/platformTypes.js";
 import iconPicker from "components/popup/IconPicker.vue";
 import UserData from "components/popup/UserData.vue";
 

src/components/editor/EditorTools.vue

@@ -27,30 +27,30 @@
 import EditorHistory from "components/popup/EditorHistory.vue";
 
 export default {
-  name: 'EditorTools',
+  name: "EditorTools",
   components: {
-    EditorHistory
+    EditorHistory,
   },
   props: {
     commandCode: {
       type: String,
-      default: 'temp'
+      default: "temp",
     },
     isFullscreen: {
       type: Boolean,
-      default: false
+      default: false,
-    }
     },
-  emits: ['restore', 'toggle-fullscreen'],
+  },
+  emits: ["restore", "toggle-fullscreen"],
   methods: {
     showHistory() {
       this.$refs.history.open();
     },
     tryToSave(content, program) {
       this.$refs.history.tryToSave(content, program);
-    }
+    },
-  }
+  },
-}
+};
 </script>
 
 <style scoped>

src/components/editor/MonacoEditor.vue

@@ -16,16 +16,16 @@
 <script>
 import * as monaco from "monaco-editor";
 import { toRaw } from "vue";
-import importAll from "../js/common/importAll.js";
+import importAll from "js/common/importAll.js";
 
 // 批量导入声明文件
 let apis = importAll(
-  require.context("!raw-loader!../plugins/monaco/types/", false, /\.ts$/)
+  require.context("!raw-loader!plugins/monaco/types/", false, /\.ts$/)
 );
 
 // 批量导入关键字补全
 let languageCompletions = importAll(
-  require.context("../plugins/monaco/completions/", false, /\.js$/)
+  require.context("plugins/monaco/completions/", false, /\.js$/)
 );
 
 let monacoCompletionProviders = {};

src/components/popup/UserInfo.vue

@@ -129,7 +129,7 @@
 </template>
 
 <script>
-import levelDetail from "../../js/options/levelDetail.js";
+import levelDetail from "js/options/levelDetail.js";
 
 export default {
   data() {

src/pages/ConfigurationPage.vue

@@ -238,9 +238,9 @@
 
 <script>
 import { defineAsyncComponent } from "vue";
-import quickcommandParser from "../js/common/quickcommandParser.js";
+import quickcommandParser from "js/common/quickcommandParser.js";
-import importAll from "../js/common/importAll.js";
+import importAll from "js/common/importAll.js";
-import changeLog from "../js/options/changeLog.js";
+import changeLog from "js/options/changeLog.js";
 import pinyinMatch from "pinyin-match";
 import CommandCard from "components/CommandCard";
 import CommandEditor from "components/CommandEditor";

src/pages/ServerPage.vue

@@ -80,7 +80,7 @@
 </template>
 
 <script>
-import MonacoEditor from "components/MonacoEditor";
+import MonacoEditor from "components/editor/MonacoEditor";
 
 export default {
   components: { MonacoEditor },

src/pages/ShareCenterPage.vue

@@ -125,7 +125,7 @@
 </template>
 
 <script>
-import commandTypes from "../js/options/commandTypes.js";
+import commandTypes from "js/options/commandTypes.js";
 
 export default {
   data() {