linux cockpit

Linux-Cockpit

Bildschirmaufzeichnung

Projekt -Setup

 yarn install

Kompiliert und heiß-reloads für die Entwicklung

 yarn serve

Kompiliert und minimiert für die Produktion

 yarn build

FINTS und behebt Dateien

 yarn lint

Konfiguration anpassen

Siehe Konfigurationsreferenz.

Projekterstellung Schritte

// Tools nodemon http-server etc. can use yarn global add typescript @vue/cli vue create linux-cockpit // Note that the less version must be 2.xx, otherwise an error will be reported, and 3 can be used, but yarn add [email protected] less-loader node-sass sass-loader electron babel-plugin-import -D //babel-plugin-import is a babel plugin for loading component code and styles on demand yarn add ant-design-vue vue-router vuex ssh2 xterm koa koa-static @koa/router koa-views axios vue-axios @koa/cors@2 xterm-addon-attach xterm-addon-fit xterm-addon-search graphql vue-apollo apollo-boost apollo-server-koa socket.io vue3 kann auch VUE add Apollo verwenden

Freunde, die Vue-Cli 3 verwenden, die Datei babel.config.js ändern und Babel-Plugin-Import konfigurieren

 module . exports = {
  presets : [ "@vue/app" ] ,
+  plugins : [
+    [
+      "import" ,
+      { libraryName : "ant-design-vue" , libraryDirectory : "es" , style : true }
+    ]
+  ]
} ;

Ändern Sie die Konfiguration von VUE in package.json, ändern Sie PublicPath auf den entsprechenden Wert und fügen Sie dann ein laufendes Skript hinzu, um den Beginn des Debuggens zu erleichtern.

vue.config.js configure less to customize the antdesign theme, and support module.exports above less3 versions = { css: { loaderOptions: { less: { modifyVars: { 'primary-color': '#1DA57A', 'link-color': '#1DA57A', 'border-radius-base': '2px', }, Javascriptenabled: true}}}}