Interview

VUE3项目目录结构

| node_modules					--项目依赖
| public      					--公共文件夹
---| favicon.ico				--网站图标
| src         	    			--源文件目录
---| assets					    --静态文件
	---| utils				    --工具类JS
	---| api				    --接口类JS
---| components					--组件
---| router						--路由配置
---| store						--状态管理器
---| views						--视图文件，与路由结构对应
---| App.vue					--根组件
---| main.js 					--入口文件
| index.html					--入口html
| package.json					--命令配置及依赖管理
| package-lock.json				--依赖版本及更完整的依赖树
| README.md						--说明文件
| vue.config.json 				 --代理、打包等配置文件

public和assets区别：

​ 同样用于存放静态文件的文件夹。由于vue-cli、vite等工具打包时，public下的文件会原封不动的添加到dist中，而assets下的文件会被合并压缩。

​ 两者的区别是public下一般用于放有更新需求的第三方插件、图片且需要使用绝对路径来引用(否则会warning)，而assets下适合用于存放项目中所必须的图标、JS文件只支持相对路径。相关文档

有了package.json为什么还需要package-lock.json：

​ 前者声明依赖的种类而后者决定实际安装的版本，使用npm install时就是根据package-lock.json进行安装。