vue3.0 + vite + typescript 模板

vue-next-template

---

vue3.0 vite typescript eslint prettier vscode

對vue3.0進行常規模板設計包含目錄結構/ router佈局/ vuex（包含modules）/ eslint與typescript配置等，開箱即用

• https://www.npmjs.com/package/vite 全局安裝 vite 並建立 vue3.0 項目
• VScode 編輯器安裝插件：prettier 與 eslint 且依賴包 npm add --save-dev prettierrc typescript prettierrc eslint-config-prettier eslint-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(Vite DEV 環境默認支持直接引入 TS 文件)
• vue-router4.0 使用與 3.0 版本幾乎一導致用方式，僅僅引用方式有所改變，可參考模板
• vuex4.0 state 、 getter 、 mutation 、 actions 、 modules 使用與 vuex3 幾乎一導致用方式與 API, 可是modules 測翻天覆地的變化， 可參考模板

詳細查看源碼：
Git連接：https://github.com/devin-huan...