Vue - vite 安装与创建 vue3 项目（使用 vite 创建 vue 项目）

阳光穿透心脏的1/2处 2022-09-07 14:51 542阅读 0赞

前言

为什么使用 vite（官方解释）：https://vitejs.cn/guide/why.html

它是一款由 尤雨溪 开发的新工具，旨在代替 webpack ，利用浏览器现已支持 ES6 的基础，遇到 import 会发送一个请求去加载文件，vite 拦截这些请求做一些预编译，省去了冗长的打包时间，从而提升开发体验，具体详见官方网站。

第一步：安装vite

也可使用 yarn 进行安装，本篇基于 npm 进行。

在任意位置终端执行如下代码：

  1. npm install -g create-vite-app

第二步：创建项目

创建基于 vite 的 vue3 项目，执行以下代码：

  1. # create-vite-app <project name>
  2. create-vite-app vite

在这里插入图片描述
依次执行如上提示的三条命令，它们分别是定位到该目录、安装依赖、编译运行：

  1. cd vite
  2. npm install
  3. npm run dev

第三步：运行查看

如下图所示即为成功，或许您刚刚也见证到了编译速度！
在这里插入图片描述

写在后面

企业正式项目不太建议使用，因为它不如 webpack 成熟稳定。

发表评论

表情：
评论列表 （有 0 条评论，542人围观）

还没有评论，来说两句吧...

相关阅读