Vue3+Vite项目搭建

为什么选择vite而不是vue-cli：

vite下一代前端开发与构建工具 vite创建的项目默认vue3

优势：

1. 开发环境中，无需打包，可快速的冷启动

2. 轻量快速的热重载（HMR）

3. 真正的按需编译，不在等待整个应用编译完成

1.1 初始化

npm create vite@latest  //vite 最新版本

1.2 项目信息

• 输入项目名称? ? ? 最好英文
• 
• 选择要创建的项目框架 我们这里是Vue（如果上下键不能选择，就手动输入选项，再回车）
• 
• 选择类型? ?ts 还是 js? 这里选择TypeScript
• 
• ?出现下面则创建完毕
• 

?cd demo1 进入这个目录

npm install 初始化 安装依赖

npm run dev? 运行项目