创建vite项目

创建vite项目 （vite + vue3 + vue-router + element-plus + pinia）
先查看node和npm的版本号，最好装个16版本以上的node

1. 创建项目命令

npm init vite@latest
1

2. 配置镜像

#查看当前源
npm config get registry

#更换为国内镜像
npm config set registry=http://registry.npm.taobao.org/
1
2
3
4
5

3. 安装包

npm install
1

4. 修改vite.config.ts配置文件代码

import {
    defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import * as path from "path";

const pathSrc = path.resolve(__dirname, "src");

// https://vitejs.dev/config/
export default defineConfig(() => {
   
  return {
   
    base: "/", //不加打包后白屏
    
1
2
3
4
5
6
7
8
9
10
11
12
13