Vue3+Vite项目搭建

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

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

优势

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

  2. 轻量快速的热重载(HMR)

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

1.1 初始化
npm create vite@latest  //vite 最新版本
1.2 项目信息
  • 输入项目名称      最好英文
  • Vue3+Vite项目搭建_第1张图片
  • 选择要创建的项目框架 我们这里是Vue(如果上下键不能选择,就手动输入选项,再回车)
  • Vue3+Vite项目搭建_第2张图片
  • 选择类型   ts 还是 js  这里选择TypeScript
  •  出现下面则创建完毕
  • Vue3+Vite项目搭建_第3张图片
 cd demo1 进入这个目录

npm install 初始化 安装依赖

npm run dev  运行项目

你可能感兴趣的:(前端,vue.js,javascript)