首先使用vue create test
创建项目
因为我是准备使用vue3.0重构一下项目试试 所以选了router vuex css
创建完项目之后开始安装ElementPlus
npm i element-plus -S
在src
目录下创建plugins
文件夹 将插件统一存放进这个文件夹
为了方便,直接采取全部引入的方式
/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.ts里引入
/src/main.ts
import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import Element from './plugins/element'
const app = createApp(App)
Element(app)
app.use(store).use(router).mount("#app")
页面添加按钮
<el-button type="primary">测试按钮</el-button>
需求补充
elementPlus按需引入
/src/plugins/elements.ts
import { Button } from 'element-plus'
export default (app) => {
app.use(Button)
}
ElementPlus官方文档
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!