vue3+vite搭建项目应用

1、搭建项目

注意Node的兼容性:
Vite 需要 Node.js 版本 >= 12.0.0

2、创建项目

使用 NPM:

npm init vite@latest

使用 Yarn:

yarn create vite 
或者
yarn create vite vite-demo --template react-ts // 直接项目一步到位 项目名 使用的语言框架

以npm为例开始搭建项目:
选择一个你装demo的文件夹,打开命令行
输入npm init vite@latest 后 会提示你输入项目名称、框架、语言js/ts等,如下:
vue3+vite搭建项目应用_第1张图片
vue3+vite搭建项目应用_第2张图片
在接着根据上图的流程提示执行:
1.切换到项目目录
2.初始化项目(下载依赖)
3.运行项目
vue3+vite搭建项目应用_第3张图片
最终 项目运行结果如下:
vue3+vite搭建项目应用_第4张图片

你可能感兴趣的:(前端,vite,vue3)