（一）创建项目和配置项目

#一、初始化项目

说明

vue 支持通过 init 指定 latest 来配置初始化模板，这个命令使用的是 vite 脚手架

npm init vue@latest

# 一、配置项目

说明

• vscode 需要安装 volar 这个插件，他是 vue3 支持的插件
• 然后我们进行 TypeScript 开发的时候，因为 vscode 内置了 TypeScript Server, 而 volar 也提供了一个 TypeScript Server ，只不过 volar 是针对于 vue 优化过的
• 如果过在开发过程中同时使用了这两个插件，就会对代码进行两次编译，影响开发效率，还可能起冲突，vue 官方推荐的是把 vscode 自带的 TypeScript Server 关掉，只保留 volar

# 二、关闭内置 TypeScript Server

1. 打开控制面板快捷键

ctrl + shift + p

2.搜索 show buil

>show buil

1. 搜索 @builtin typescript

@builtin typescript

1. 点击禁用，我这里已经禁用了所以是灰色