vue3 文件夹介绍

1.   .vscode-extensions.json文件：安装扩展（搜@enabled vue或Vue.volar）

 或 

下图extensions.json即为扩展推荐列表（该文件可删）

2.  public-favicon.ico文件：页签图标文件

3.  src内文件：源代码文件

工作成果.js、.css、.vue都在此文件夹下

4.  env.d.ts文件

不可删，一开始可见框出部分被标红（缺少依赖所致）

这时我们vscode打开终端（上方“查看-调试控制台-终端”）

输入npm i，安装所有的依赖

叉掉vscode重新打开hello_vue3文件夹，可以看到文件中多了个node_modules文件夹（原本是没有的），这时env.d.ts文件里的"vite/client"也不报错了

env.d.ts文件是为了让ts认识.jpg、.txt等文件，我们做个试验↓

把env.d.ts文件里的代码删掉，

在src新建a.ts和b.txt

在a.ts引入b.txt，结果如下

把env.d.ts文件里的代码恢复，这时候ts认识.txt，不再报错

5.  index.html：入口文件

试验一下：

把原本的都注释掉（快捷键：ctrl+k摁住再摁c）

写一个自己的（快捷键：打出英文的！再摁tab键），记得保存（快捷键ctrl+s）

试着运行（可查看packag.json的短命令），那么在终端输入npm run dev

点击地址

可以看到

若直接运行原来的代码，则看到

停止脚手架（即刚刚输入的终端命令）（快捷键：ctrl+c）

6.   ts配置文件（不可删）

7.vite.config.ts：整个工程的配置文件

可以安装插件、配置代理