vue3.0 中文文檔（暫時）地址

https://v3.cn.vuejs.org/

 

https://vue-docs-next-zh-cn.netlify.app/guide/installation.html#vue-devtools    

 

https://www.vue3js.cn/docs/zh/

element vue3

https://element-plus.gitee.io/#/zh-CN

element vue2

https://element.faas.ele.me/#/zh-CN

今天給大家分享一個Vue3.0框架搭建的后台管理模板
開源vue3.0版本基於vue3.x+ant-design-vue構建的免費開源admin項目，

演示地址：

• ⚡ Admin Pro付費版本
• ⚡ Admin Plus付費版本
• ⚡ vue2.x + element-ui（免費商用，支持 PC、平板、手機）
• ⚡️ vue3.x + element-plus（alpha 版本，免費商用，支持 PC、平板、手機）
• ⚡️ vue3.x + ant-design-vue（beta 版本，免費商用，支持 PC、平板、手機）
• 🌐 github 倉庫地址
• 🌐 碼雲倉庫地址

2.0版本克隆項目

git clone https://github.com/chuzhixin/vue-admin-beautiful.git

# 進入項目目錄cd vue-admin-beautiful-pro
# 安裝依賴
npm i
# 本地開發 啟動項目
npm run serve

3.0版本克隆項目

git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git

# 進入項目目錄cd vue-admin-beautiful-pro
# 安裝依賴
npm i
# 本地開發 啟動項目
npm run serve

開發工具配置

• vab依托prettier、stylint支持對代碼進行自動格式化整理，修復代碼開發中不規范的問題，大大減輕體力勞動

  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.quickSuggestions": {
    "strings": true
  },
  "workbench.colorTheme": "One Monokai",
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "emmet.triggerExpansionOnTab": true,
  "editor.formatOnSave": true,
  "javascript.format.enable": true,
  "git.enableSmartCommit": true,
  "git.autofetch": true,
  "git.confirmSync": false,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "liveServer.settings.donotShowInfoMsg": true,
  "explorer.confirmDelete": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "files.exclude": {
    "**/.idea": true
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true,
    "source.fixAll.eslint": true
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "prettier.htmlWhitespaceSensitivity": "ignore",
  "prettier.vueIndentScriptAndStyle": true,
  "docthis.authorName": "chuzhixin [e-mail]",
  "docthis.includeAuthorTag": true,
  "docthis.includeDescriptionTag": true,
  "docthis.enableHungarianNotationEvaluation": true,
  "docthis.inferTypesFromNames": true,
  "vetur.format.defaultFormatter.html": "prettier",
  "files.autoSave": "onFocusChange"
}

好了，就分享到這里，希望能幫到大家。感謝各位的閱讀！