vite创建vue3项目

前言

  在开发软件阶段,时间就是金钱。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项目

  • 打开浏览器

浏览器运行画面

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值