Vite 搭建 Vue3 + TypeScript 项目

152 阅读1分钟

创建 vue3 项目

根据vite官网教程构建项目

兼容性注意: Vite 需要 Node.js 版本 14.18+,16+。

然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。

npm create vite@latest
  1. 输入项目名称

  2. 选择使用框架

  3. 选择 TypeScript

此时,项目创建完成

image.png

# 进入项目目录
cd vite-vue

# 安装依赖
npm install

# 启动项目
npm run dev

控制台看到如下输出,则启动成功

image.png

浏览器打开 http://localhost:5173/ åå image.png

vite 创建的项目目录结构

image.png

vscode 编辑器 搜索 volar 插件并安装

image.png

如果插件中安装 vetur 则禁用,避免和 volar 插件发生冲突

image.png