linux cockpit

Linux-Cockpit

Perekaman layar

Pengaturan Proyek

 yarn install

Mengkompilasi dan memuat hot-reload untuk pengembangan

 yarn serve

Mengkompilasi dan mengurangi untuk produksi

 yarn build

Serat dan memperbaiki file

 yarn lint

Kustomisasi konfigurasi

Lihat Referensi Konfigurasi.

Langkah Penciptaan Proyek

// 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 Kode Komponen dan Gaya berdasarkan Permintaan Benang Tambahkan Ant-Design-Vue Vue-Router Vuex SSH2 Xterm Koa Koa-Static @KOA/Router KOA-Views Axios Vue-AXIOS @KOA/CORS @2TERM-ADDON-ATTACH XTERM-ADDON-FITTERM-CURNOL-SULLON-SPOOD-SURNO-SURNOLO-SULEO-SULEO-SURNOLO-SENCOLO-SECOLON- APROOD-STMO-STMO-STMO-STMO-STEPLON apollo-server-koa socket.io vue3 juga dapat menggunakan vue add apollo

Teman menggunakan vue-cli 3, memodifikasi file babel.config.js dan mengkonfigurasi babel-plugin-import

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

Ubah konfigurasi vue in package.json, ubah publicpath ke nilai yang sesuai, dan kemudian tambahkan skrip yang berjalan untuk memfasilitasi awal debugging.

vue.config.js Mengkonfigurasi lebih sedikit untuk menyesuaikan tema Antdesign, dan Modul Dukungan. Exports di atas versi Less3 = {css: {loaderOptions: {less: {ModifyVars: {'primary-color': '#1da57a', 'tautan-color': '#1da57a', 'border', ':': '1da57a', 'border': ':' 1da57a ',' link-Boat ':' '#1da57a'#'#1da57a,' javascriptenabled: true}}}}