vue3初始搭建项目完整教程 vue3 + vite + element-ui + axios

以下是使用Vue 3、Vite、Element Plus（作为Element UI的Vue 3版本）和Axios创建新Vue项目的步骤：

1. 确保你已经安装了Node.js和npm。

2. 安装Vue CLI，如果尚未安装，请运行以下命令：

   
   
   
   npm install -g @vue/cli

3. 创建一个新的Vue 3项目，使用Vite作为构建工具：

   
   
   
   vue create my-vue3-project

   在提示选择预设时，选择“Manually select features”，然后选择需要的特性，确保包括了“Choose Vue version”并选择了Vue 3。

4. 进入项目目录：

   
   
   
   cd my-vue3-project

5. 添加Element Plus：

   
   
   
   npm install element-plus --save

6. 添加Axios：

   
   
   
   npm install axios --save

7. 在main.js中全局引入Element Plus和Axios：

   
   
   
   import { createApp } from 'vue'
   import App from './App.vue'
   import ElementPlus from 'element-plus'
   import 'element-plus/dist/index.css'
   import axios from 'axios'
    
   const app = createApp(App)
    
   app.use(ElementPlus)
   app.config.globalProperties.$axios = axios
    
   app.mount('#app')

8. 现在你可以开始开发了，Vue 3 + Vite + Element Plus + Axios的环境已经搭建完成。

以上步骤会创建一个新的Vue 3项目，并配置Element Plus和Axios，使其可以在项目中全局使用。