costa92 / vue3-ts

Vue 3 + TypeScript + Vite

安装

npm init vite@latest
// 选择vue3
// 选择ts

安装 unplugin-auto-import 和 unplugin-vue-components

pnpm add -D unplugin-auto-import
pnpm add -D unplugin-vue-components

在刚才的 vite.config.ts 文件中修改：

AutoImport({
  imports: ["vue", "vue-router"],
  resolvers: [ElementPlusResolver()],
  // 新增如下
  dts: "src/auto-import.d.ts",
  eslintrc: {
    enabled: true
  },
})

eslintrc 中 enabled 设置为 true，保存之后会随即在跟目录下生成 .eslintrc-auto-import.json 文件

文档

1. 设置主题
2. unplugin-auto-import 和 unplugin-vue-components 的正确使用方式
3. vue3-element-admin
4. 用 vite + vue3 + ts + pinia + element-plus + vueuse 创建一个前端项目模板