vue3.0 中文文档(暂时)地址
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" }
好了,就分享到这里,希望能帮到大家。感谢各位的阅读!
本文来自博客园,作者:喆星高照,转载请注明原文链接:https://www.cnblogs.com/houxianzhou/p/13703833.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步