linux cockpit

linux-cockpit

Screen recording

Project setup

 yarn install

Compiles and hot-reloads for development

 yarn serve

Compiles and minifies for production

 yarn build

Lints and fixes files

 yarn lint

Customize configuration

See Configuration Reference.

Project creation steps

// 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 can also use vue add apollo

Friends using vue-cli 3, modify the babel.config.js file and configure babel-plugin-import

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

Modify the configuration of vue in package.json, modify publicPath to the appropriate value, and then add a running script to facilitate the start of debugging.

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 } } } }