vite创建vue3项目

vite创建vue3项目

  • 前言
  • 步骤
    • 一、全局安装vite
    • 二、创建VUE项目
    • 三、启动项目

前言

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

步骤

一、全局安装vite

npm i -g vite

二、创建VUE项目

npm create vite@latest

vite创建vue3项目_第1张图片
vite创建vue3项目_第2张图片

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

vite创建vue3项目_第3张图片

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

vite创建vue3项目_第4张图片

  • 创建项目完成

vite创建vue3项目_第5张图片

三、启动项目

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

vite创建vue3项目_第6张图片

  • 打开浏览器

vite创建vue3项目_第7张图片

你可能感兴趣的:(vue.js,前端框架,javascript)