vite创建vue3项目

概述

Vite(法语意为 "快速的"，发音 /vit/，发音同 "veet")是一种新型前端构建工具，能够显著提升前端开发体验。

官网：https://cn.vitejs.dev/guide/

安装vite

最新版本的vite，要求nodejs版本，必须是18.x以上，所以需要确保你的node版本足够高。

本文使用nodejs最新版本v22.7.0

yarn add vite

创建项目

使用国内镜像

npm config set registry=https://registry.npmmirror.com

安装最新版vite

npm  install -g  vite@latest

创建项目

yarn create vite

输入项目名：vite_test

框架选择：vue

语言选择：JavaScript

√ Project name: ... vite_test
√ Select a framework: » Vue
√ Select a variant: » JavaScript

创建成功后，根据提示，执行3个命令

Done. Now run:

  cd vite_test
  yarn
  yarn dev

执行成功后，提示如下：

 VITE v5.4.2  ready in 682 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help

<