linux cockpit

Linux-Cockpit

화면 녹음

프로젝트 설정

 yarn install

개발을 위해 컴파일 및 핫 릴로드

 yarn serve

생산을 위해 컴파일하고 최소화합니다

 yarn build

라인 및 수정 파일

 yarn lint

구성을 사용자 정의합니다

구성 참조를 참조하십시오.

프로젝트 생성 단계

// 도구 Nodemon Http-Server 등은 원사 Global Add TypeScript @vue/cli vue를 사용할 수 있습니다. vue/cli vue linux-cockpit 만들기 // 덜 버전은 2.xx 여야합니다. 그렇지 않으면 오류 가보고되어야하고 3도 사용될 수 있지만, 원사는 Less-Sass-Sass-Loader Electron Babel-Plugin-import-d // dupgin-plugin-import as are babel-plugin-import-deplugin-sass-loader acebel-plugin-in as babel- 구성 요소 코드 및 스타일 오브 디언트 원사 vue-router vue-roux ssh2 xterm xterm koa koa static @koa/router koa-views axios vue-avios @koa/cors @2 xterm-addon-attach xterm-addon-fit xterm-search graphql vue-aapollo-apollo-apollo-apoll-voollo-aapoll-vue-aapollo-aapoll-vue-search 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 }
+    ]
+  ]
} ;

vue의 구성을 package.json에서 수정하고 적절한 값으로 public 경로를 수정 한 다음 실행중인 스크립트를 추가하여 디버깅 시작을 용이하게합니다.

vue.config.js는 antdesign 테마를 사용자 정의하고 module.exports 위의 13 버전 = {css : {loaderOptions : {modifyvars : { '1 차 콜로': '#1da57a', 'link-color': '#1da57a', '2px-base', '2px-base', '#1da57a': '#1da57a': javascriptenabled : true}}}}