当前位置: 首页 > Web前端 > vue.js

vue3.0+vite+typescripttemplate

时间:2023-03-31 16:57:38 vue.js

vue-next-templatevue3.0vitetypescripteslintprettiervscode对vue3.0进行常规模板设计,包括目录结构/router布局/vuex(含模块)/eslint和typescript配置,等开箱即用https://www.npmjs.com/package/vite全局安装vite并创建vue3.0项目VScode编辑器安装插件:prettier和eslint并依赖包npmadd--save-devprettierrctypescriptprettierrceslint-config-prettiereslint-plugin-prettier配置prettier、eslint和typescript:prettier手动创建.prettierrc;eslint命令行创建.node_modules.bineslint--init(重点配置框架,导入模式,启用typescript);typescript命令行创建.node_modules.bintsc--init(如果没有该文件,将使用eslint内置配置);editorConfig配置编辑器显示格式src/shims-vue.d.ts声明支持vue文件,直接在index.html中导入main.ts(ViteDEV环境默认支持直接导入ts文件)vue-router4的使用。0和3.0版本几乎一样,只是引用方法变了,可以参考模板vuex4.0state,getter,mutation,actions,modules的使用和vuex3几乎一样,使用方法和API,但是模块发生了翻天覆地的变化,详细可以参考模板查看源码:Git链接:https://github.com/devin-huan...