element-plus+vite

2021-01-23  本文已影响0人  抽疯的稻草绳

1.创建一个vite项目

npm init vite-app <project-name>
cd <project-name>
npm install 
npm run dev

或者

yarn create vite-app <project-name>
cd <project-name>
yarn 
yarn dev

2.安装element-plus

npm i element-plus 

为了方便,直接采取全部引入的方式

新建:src/plugins/element.ts

import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'

export default (app: any) => {
  app.use(ElementPlus)
}

在main.js

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
import installElementPlus from './plugins/element'
const app = createApp(App)
installElementPlus(app)
app.mount('#app')
上一篇 下一篇

猜你喜欢

热点阅读