vscode内vue3项目拓展在哪里看？env.d.ts文件报错怎么办？

vscode内vue3项目拓展在哪里看？

在 （注意这里有个点）（.vscode）文件夹内，会有一个recommended数组，里面就是官方安装的插件

env.d.ts文件报错怎么办？

原因：没有 node_modules文件夹，该文件需要依赖，需要依赖文件夹node_modules

解决：下载依赖，创建node_modules文件夹 , npm install

结果：env.d.ts文件找到了依赖，所以报错消失

备注：如果还报错，重启vscode或者重启电脑

那问题是：为什么？我们一定需要这个env.d.ts文件正常工作呢？

因为env.d.ts内为我们的项目解释了几乎所有我们能用得到的文件格式，并将其视为合法文件

所以能够被env.d.ts文件承认的文件格式是合法的，否则不合法

/// <reference types="vite/client" />

vue3的入口文件是啥？

vue2项目的入口文件是main.js

为什么main.js 是vue2项目的入口文件（推荐看）：Vue项目入口文件main.js和App.vue和index.html之间的关系_vue app.vue-CSDN博客

小结：在项目运行中，main.js作为项目的入口文件，运行中，找到其实例需要挂载的位置，即index.html中，刚开始，index.html的挂载点处的内容会被显示，但是随后就被实例中的组件中的模板中的内容所取代，所以我们会看到有那么一瞬间会显示出index.html中正文的内容。

而index.html中的Title部分不会被取代，所以会一直保留。

vue3项目的入口文件是index.html

如何证明 index.html是vue3项目的入口文件？

1.注释掉index.html内的代码。自己写一段html

2.运行项目（在package.json内查看启动命令）

因为入口消失了，所以script内的引入的main.ts无法通过入口文件注入项目内！

只会显示我们在index.html写的代码！

package.json / package.lock.json是什么？

package.json / package.lock.json文件是包管理文件/依赖声明文件

tsconfig.app.json / tsconfig.json / tsconfig.node.json 是什么？

这三个文件是ts的配置文件

vite.config.ts是什么文件？

这vite.config.ts是整个工程的配置文件

2024年3月6日出现了一些变化TypeScript Vue Plugin (Volar)

插件被弃用，改名Vue-Official

Volar 重大更新：改名为Vue - Official；支持Vue3.4；

Take over模式被弃用；

TypeScript Vue Plugin被弃用；

language-tools/CHANGELOG.md at master · vuejs/language-tools · GitHub