Vue3.0学习笔记总结(一)-利用Vite创建项目

614 阅读1分钟

Vue3.0已经正式上线一阵子了,奈何我菜啃不动官方文档,去B站看了视频学习,把一些知识点写在这里吧,希望可以帮到一些人.B站的李南江老师的vue3.0视频讲解的很细致,易懂,推荐大家去康康~

安装Vue3.0

vue3.0的安装方式很多种,官方文档也有给出说明,我是用的是此次更新新出的安装方法: Vite

什么是Vite?

官方文档的解释为:Vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。
换句话说:Vite其原理就是利用ES6的import会发送请求去加载文件的特性,拦截这些请求,做一些预编译,省去webpack冗长的打包时间。 安装Vite

npm install -g vreate-vite-app

利用Vite创建Vue3项目

create-vite-app <projectNanme>

至此就使用Vite创建好了一个vue3的项目,使用命令运行项目就可以了。