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 1204505056@qq.com",
  "docthis.includeAuthorTag": true,
  "docthis.includeDescriptionTag": true,
  "docthis.enableHungarianNotationEvaluation": true,
  "docthis.inferTypesFromNames": true,
  "vetur.format.defaultFormatter.html": "prettier",
  "files.autoSave": "onFocusChange"
}

好了，就分享到这里，希望能帮到大家。感谢各位的阅读！