vite创建vue3项目

134 阅读1分钟

前言

  在开发软件阶段,时间就是金钱。VUE CLI和Vite 均是构建Vue项目的工具。而随着开发技术的发展,Vite引起了很多人的关注?为什么会有这个现象的出现呢?
  因为 Vite 的开发服务器速度很快。Vite对 JavaScript 模块使用本机浏览器支持,所以服务器启动时间是即时的。这种方法还意味着,无论应用程序的大小如何,热模块更换都保持快速,因为不必重建整个捆绑包。
  接下来,让我们来看看如何用 Vite 创建Vue3项目。

步骤

一、全局安装vite

npm i -g vite

二、创建VUE项目

npm create vite@latest

默认项目名称 自定义项目名称

  • 选择前端框架:此处选择VUE

选择VUE框架

  • 选择项目版本:此处选择TypeScript

在这里插入图片描述

  • 创建项目完成

创建项目完成

三、启动项目

  • 依次执行命令
cd my_vite
npm i
npm run dev

运行vite项目

  • 打开浏览器

浏览器运行画面