vite搭建vue3.0项目

vite官网

创建项目

1、yarn create @vitejs/app

image

还有很多选项，我选的是vue

安装相关依赖

1、开发依赖
yarn add vue-router@next vuex@next element-plus axios -S
2、生产依赖
yarn add sass -D

修改端口号

vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  server:{
    host:'localhost',
    port:'8080'
  },
  plugins: [vue()]
})

这个时候就能起项目了 yarn dev
以上就是vite简单搭建vue项目