ed90f125be9aa87311d4bd3ee8693a883327cf4e
项目使用pnpm包管理器
npm i pnpm -g
安装依赖
pnpm i
运行项目
npm run dev
基础页面写法请查看src/template下的readme
Vue 3 + TypeScript + Vite
这个模板可以帮助您开始使用Vue 3和TypeScript在Vite中进行开发。该模板使用了Vue 3的<script setup>单文件组件,请查看script setup文档了解更多信息。
推荐的IDE设置
VS Code + Volar(并禁用Vetur)+ TypeScript Vue Plugin (Volar)。
在TS中对.vue导入提供类型支持
TypeScript 默认情况下无法处理.vue导入的类型信息,因此我们用vue-tsc替换了tsc CLI进行类型检查。在编辑器中,我们需要TypeScript Vue Plugin (Volar)来让TypeScript语言服务了解.vue类型。
如果独立的TypeScript插件对您来说不够快,Volar还实现了一种Take Over Mode,它的性能更好。您可以按照以下步骤启用它:
禁用内置的TypeScript扩展 从VSCode的命令面板中运行Extensions: Show Built-in Extensions 找到TypeScript and JavaScript Language Features,右键单击并选择Disable (Workspace) 通过运行Developer: Reload Window命令重新加载VSCode窗口。
Description
Languages
Vue
39.5%
CSS
26.9%
JavaScript
25.8%
TypeScript
7.4%
SCSS
0.2%
Other
0.2%