vue3项目创建(vite3+ts+elementui-plus)
要使用Vue 3、Vite 3和Element Plus创建一个新的Vue项目,你可以按照以下步骤操作:
- 确保你已经安装了Node.js(建议使用最新的稳定版本)。
- 安装或升级Vue CLI到最新版本:
npm install -g @vue/cli
# 或者
yarn global add @vue/cli
- 创建一个新的Vue 3项目使用Vite:
vue create my-vite-app
# 在提示选择预设时,选择 "Vue 3" 和 "Vite"
- 进入项目目录:
cd my-vite-app
- 添加Element Plus:
npm install element-plus --save
# 或者
yarn add element-plus
- 在项目中全局引入Element Plus:
在项目入口文件(通常是 src/main.ts
)中添加以下代码:
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')
这样就配置好了一个基础的Vue 3项目,并且集成了Vite 3和Element Plus。
评论已关闭