Vite搭建Vue3项目

一、创建项目

如果没有安装vite，先全局安装

npm i create-vite-app -g

创建命令

create-vite-app project_name
cva project_name	//缩写，其中“project_name”为任意项目名

npm init vite@latest//全部选择安装最新版

二、安装依赖

注意：vue3需安装相对应的库和依赖

1.Element Plus（目前为测试版）—通用样式组件库

yarn add element-plus

2.安装vue-router ----路由

yarn add vue-router@4

3.安装vuex —状态管理

yarn add vuex@next

三、相关依赖配置

在main.js文件中添加相关引入

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

import router from './router/index';

import ElementPlus from 'element-plus';//全局导入所有Element Plus组件，也可按需在相关页面导入
import 'element-plus/dist/index.css';//Element Plus样式，必需

import {fetchGet} from "./config/fetch-config.ts";//网络请求封装库

const app=createApp(App);
app.use(router);
app.use(ElementPlus);

//将方法绑定在Vue原型（this对象）上
app.config.globalProperties.fetchGet=fetchGet;
app.config.globalProperties.BASE_URL=sessionStorage.getItem('BASE_URL');

app.mount('#app');