vue怎么引入mint-ui

发布时间：2022-04-21 16:20:01 阅读：211 作者：iii 栏目：大数据

Vue开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

本篇内容介绍了“vue怎么引入mint-ui”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

具体步骤如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中使用npm命令安装mint-ui依赖包；

npm intall mint-ui --savenpm install --save-dev babel-plugin-component

3.mint-ui依赖包安装好后，在babelrc文件中进行以下配置；

"plugins": [["component", [{"libraryName": "mint-ui","style": true}]]]

4.最后，babelrc文件配置好后，在项目中使用import方法即可引入mint-ui；

import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'

“vue怎么引入mint-ui”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！

向AI问一下细节

猜你喜欢