中文 | English
一个基于 vue3,vite4 和 ant-design-vue4 的中后台开发模板工程。使用最新的vue3
, vite4
, TypeScript5
等前沿技术,开箱即用的前端解决方案,可用于学习及业务开发。
VSCode + Volar (禁用 Vetur) + TypeScript Vue Plugin (Volar).
默认情况下,TypeScript 无法处理 .vue 导入的类型信息,因此我们将 tsc CLI 替换为 vue-tsc 以进行类型检查。在编辑器中,我们需要 TypeScript Vue Plugin (Volar) 来让 TypeScript 语言服务识别 .vue 类型。
如果您觉得独立的 TypeScript 插件不够快,Volar 还实现了性能更高的接管模式。您可以通过以下步骤启用它:
- 禁用内置的 TypeScript 扩展
- 从 VSCode 的命令面板运行
Extensions: Show Built-in Extensions
- 找到
TypeScript and JavaScript Language Features
,右键单击并选择Disable (Workspace)
- 从 VSCode 的命令面板运行
- 通过从命令面板运行“Developer: Reload Window”重新加载 VSCode 窗口.
查看 配置 Vite.
pnpm install
pnpm run dev
pnpm run build
Lint with ESLint
pnpm run lint