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项目,

演示地址:

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"
}

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

posted @   喆星高照  阅读(69010)  评论(2编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示