linux cockpit

Linux-Cockpit

画面録音

プロジェクトのセットアップ

 yarn install

開発用のコンパイルとホットレロード

 yarn serve

生産のためにコンパイルして模倣します

 yarn build

糸くずと修正ファイル

 yarn lint

構成をカスタマイズします

構成参照を参照してください。

プロジェクトの作成手順

//ツールNodemon http-serverなどを使用することができます。グローバルAdd Typescript @vue/cli vue Create Linux-Cockpit // Linux-Cockpitを作成します。コンポーネントコードとスタイルのロード用バベルプラグインオンデマンドYARN ADD ANT-DESIGN-VUE-ROUTER VUEX SSH2 XTEME KOA KOA-STATIC @KOA/ROUTER KOA-VIEWS AXIOS VUE-AXIOS @KOA/CORS @2 XTERM-ADDON-ATTACH XTHE Apollo-Server-Koa socket.io Vue3は、Vue Add Apolloも使用できます

Vue-Cli 3を使用している友人は、babel.config.jsファイルを変更し、babel-plugin-importを構成します

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

Package.jsonでVueの構成を変更し、PublicPathを適切な値に変更し、実行中のスクリプトを追加してデバッグの開始を容易にします。

vue.config.js AntDesignテーマをカスタマイズするように少ない設定を設定し、moduleをサポートするモジュールをサポートします。以下のLess3バージョンを超えるexports = {css：{loaderoptions：{lessifyvars：{'primary-color'： '＃1da57a'、 'link-color'： '＃1da57a' '' '' 2-radius '、' '' '2 JavaScriptEnabled：true}}}}