搭架子（vue3+ts+vite）

版本
vite 3.2.3
vue3 3.2.41
typescript 4.6.4

问题记录

node版本过低导致安装失败

node版本需要14.18.0+

搭建步骤

1. 输入 npm create vite@latest <项目名> --template vue-ts 快速搭建 vue3+ts 的基础框架，文件目录如下

   

2. 安装其余插件(vue-router，pinia，eslint)，补充目录结构(暂时不涉及后端，所以无 ajax 相关目录)，文件目录如下

   

   安装路由后修改 app.vue 和 style.css 文件

   

3. 设置别名 安装 @types/node 来加载path，然后在 vite.config.ts 中引入

   

总结

基础框架已经搭建好了，接下来就是往里面填内容了。计划明天完成页面框架。

参考
Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架
github.com/zouzhibin/v…