1、webpack和vite构建vue项目的区别
webpack是先把所有东西准备好再启动服务，vite是先启动服务，再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。
2、vue项目创建以及启动
- 到项目目录输入
npm create @lastest，接下来按提示输入项目信息 - 启动项目用何种命令，是看package.json文件中，如果scrips下是dev，那就用npm run dev，如果是serve，那就用npm run serve
3、vue官方在vscode中推荐的插件
（1）TypeScript Vue Plugin （2）Vue Language Features
4、vue项目目录解析
（1）public文件夹下面存储的favicon.ico叫做页签图标
（2）src是源代码文件
（3）node_modules是项目的依赖，有点像Java的jar包，如果没有这个文件夹，可以通过npm i命令来安装所有依赖**
（4）env.d.ts，该文件用于声明所有你要用到的文件，使得项目能够认识它
（5）index.html是vue项目的入口
（6）package-lock.json 和 package.json是包的管理文件
（7）vite.config.ts是用来装插件或配置代理之类的
5、src目录解析
（1）main.ts文件
import { createApp } from 'vue'//创建应用，相当于花盆
import App from './App.vue'//引入组件，相当于根，以后你可能会写B.vue，C.vue，这些都是花的支叉。
createApp(App).mount('#app')//创建应用，每个应用都有一个根组件，根组件就是APP，并把创建的成果挂载到#app的容器里，容器在index.html中就声明了。（在index。html中有这句代码<div id="app"></div>）
（2）components文件夹
（3）App.vue文件是根
（4）assert文件夹存储图片或css样式
6、vue文件的格式
<script lang = "ts">
export default {
components: {
},
data(){
return{
};
},
methods:{
},
computed:{
},
watch:{
}
</script>