vue3项目搭建

搭建

vue3 新增了 vite 工具用于开发 下面将介绍 webpack 和 vite 搭建方式

vite 搭建 vue3 项目 (非常推荐)

为啥推荐？

  1. 速度非常快 开发时使用了原生的模块加载 不存在模块预加载的问题
  2. 使用 vite 将减少你大部分的配置时间 创建完立马就可以开始开发 之后需要啥再安装啥

全局安装 vite

vite 官网 https://cn.vitejs.dev

npm

npm init vite@latest

yarn

yarn create vite

使用模板

在 init 或者 create 后面加 vite 文件夹名 –template 模板名 社区维护的模板

  • 如 yarn create vite app –template vue 输入之后会帮你创建一个 app(你指定的文件夹)
  • 运行一下指令
    1
    2
    3
    4
    5
    6
    7
    // 切换到项目文件夹
    cd app
    // 安装依赖
    yarn || npm install
    // 运行服务
    yarn  dev

通过上面的操作一个基础项目已经起来啦 可以愉快的开发了