Vite + Vue 3 问题集锦

学习和开发中碰到的一些问题，所有列出的解决办法，都亲测有效

1、项目搭建

在命令行输入 npm init vite@latest

会出现为项目命名的提示，在 Project name：后输入你想要的项目名称

选择 Vue

选择 TypeScript

开始常规操作

这个时候发现了一个问题，NetWork 后面的地址没了

解决办法：

① 修改 vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
	plugins: [vue()],
	server: {            //  新增代码    
	  host: '0.0.0.0'    //	 新增代码
    }     				 //	 新增代码
})

② 修改 package.json 下得scripts

"scripts": {
  "dev": "vite --host 0.0.0.0",
  "build": "vite build",
  "serve": "vite preview --host 0.0.0.0"
}