创建 vue3 项目
根据vite官网教程构建项目
兼容性注意: Vite 需要 Node.js 版本 14.18+,16+。
然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。
npm create vite@latest
-
输入项目名称
-
选择使用框架
-
选择 TypeScript
此时,项目创建完成
# 进入项目目录
cd vite-vue
# 安装依赖
npm install
# 启动项目
npm run dev
控制台看到如下输出,则启动成功
浏览器打开 http://localhost:5173/
åå
vite 创建的项目目录结构
vscode 编辑器 搜索 volar 插件并安装
如果插件中安装 vetur 则禁用,避免和 volar 插件发生冲突