vite官網(wǎng)

創(chuàng)建項(xiàng)目

1、yarn create @vitejs/app

image

還有很多選項(xiàng)，我選的是vue

安裝相關(guān)依賴(lài)

1、開(kāi)發(fā)依賴(lài)
yarn add vue-router@next vuex@next element-plus axios -S
2、生產(chǎn)依賴(lài)
yarn add sass -D

修改端口號(hào)

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()]
})

這個(gè)時(shí)候就能起項(xiàng)目了 yarn dev
以上就是vite簡(jiǎn)單搭建vue項(xiàng)目