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

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

vscode 查看typescript 版本 vscode报错怎么看_vscode

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

原因:没有 node_modules文件夹,该文件需要依赖,需要依赖文件夹node_modules

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

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

vscode 查看typescript 版本 vscode报错怎么看_编辑器_02

备注:如果还报错,重启vscode或者重启电脑

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

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

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

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

vue3的入口文件是啥?

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

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

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

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

vscode 查看typescript 版本 vscode报错怎么看_html_03

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

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

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

vscode 查看typescript 版本 vscode报错怎么看_ide_04

vscode 查看typescript 版本 vscode报错怎么看_html_05

因为入口消失了,所以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