Vue3启用typescript

在Vue3中，启用TypeScript的方法是通过在项目中添加TypeScript的相关配置和依赖。具体步骤如下：

1. 首先，确保你的项目使用了Vue CLI脚手架进行构建。

2. 在项目的根目录下新建一个`tsconfig.json`文件，该文件用于配置TypeScript的编译选项。可以使用以下命令快速生成该文件：

   npx tsc --init

3. 打开生成的`tsconfig.json`文件，根据项目需求进行相应的配置。其中，需要注意的是将`"compilerOptions"`下的`"target"`设置为`"es6"`或更高版本，以支持Vue3。

4. 安装Vue3和TypeScript的相关依赖。可以使用以下命令进行安装：

   npm install vue@next
   npm install --save-dev typescript vue@next @types/node @types/vue

5. 在项目中的入口文件（通常是`main.ts`或`index.ts`）中，将Vue实例的创建改为使用TypeScript的语法。例如：

   import { createApp } from 'vue';
   import App from './App.vue';
   
   createApp(App).mount('#app');

6. 修改`package.json`文件中的`scripts`字段，将`"vue-cli-service serve"`的值改为`"vue-cli-service serve --open"`以确保在运行项目时能自动打开浏览器。

7. 最后，在项目根目录下运行以下命令启动项目：

   npm run serve

通过以上步骤，你就可以在Vue3项目中启用TypeScript，并享受到类型检查和语法提示等TypeScript的特性了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [TypeScript及TypeScript在vue3.0项目中的基本使用](https://blog.csdn.net/Jeasu_0908/article/details/120562058)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]