从零开始创建vue3项目——包含项目初始化、element-plus、eslint、axios、router、pinia、echarts

# 安装最新版本的 Vue CLI
npm install -g @vue/cli
 
# 创建一个新的 Vue 3 项目
vue create my-vue3-project
 
# 进入项目目录
cd my-vue3-project
 
# 添加 Element Plus 组件库
npm install element-plus --save
 
# 添加 ESLint 代码质量检查工具
vue add eslint
 
# 添加 axios 用于 HTTP 请求
npm install axios --save
 
# 添加 vue-router 用于路由管理
npm install vue-router@4 --save
 
# 创建 router.js 文件
touch src/router.js
 
# 编辑 router.js 文件

在 router.js 文件中，您可以按如下方式初始化 Vue Router：

import { createRouter, createWebHistory } from 'vue-router';
 
// 引入 Vue 组件
import Home from './components/Home.vue';
import About from './components/About.vue';
 
// 定义路由
const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
];
 
// 创建 router 实例
const router = createRouter({
  history: createWebHistory(),
  routes,
});
 
export default router;

然后在 main.js 中引入 router 并使用：

import { createApp } from 'vue';
import App from './App.vue';
import router from './router.js';
 
const app = createApp(App);
 
app.use(router);
 
app.mount('#app');

这样就完成了一个基本的 Vue 3 项目的初始化，包括了 Element Plus 组件库、ESLint 代码质量检查、axios 用于 HTTP 请求和 vue-router 用于路由管理。