vue3.0+vite+elementPlus+ts项目搭建之一——vite脚手架搭建基础demo_elementuiplus+vite脚手架

目录

一、安装vite

二、创建基础demo

三、启动基础demo

---

一、安装vite

使用npm

npm create vite@latest

使用yarn

yarn create vite

Vite 需要 Node.js 版本 >= 12.0.0。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。

二、创建基础demo

npm

npm create vite@latest my-vue-app --template vue

yarn个更换命令即可

执行后选择vue+ts模板（键盘上下键选择回车即可）

三、启动基础demo

npm install
npm run dev

 跑起来后需要配置一哈IP访问才能通过IP进行访问

vite.config.ts文件

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

参照官网：

 https://cn.vitejs.dev/guide/#trying-vite-online