橙子0012 发表于 2019-3-26 15:34:37

使用自己开发的qiucode-ui组件库(基于Vue2.x)

打开你的cmd窗口。执行以下命令:
vue init webpack demo-vue
等模板下载好,然后执行以下命令:
cd qiucode-demo
npm run dev
打开浏览器,出现如下界面,说明成功!虽然这些之前也都有讲过,这里就当是温故知识了!

笔者现在想要一套界面UI组件,如qiucode-ui,那就执行如下命令:
npm install qiucode-ui --save-dev
而后在你的入口文件添加如下语句:
import qiucodeUI from 'qiucode-ui' // 引入组件库
import 'qiucode-ui/dist/qiu-style/qiucodeUI.css' // 引入样式库

Vue.use(qiucodeUI)





而后在 App.vue文件修改如下:

再次打开浏览器





Miss_love 发表于 2020-12-30 17:23:07

支持分享
页: [1]
查看完整版本: 使用自己开发的qiucode-ui组件库(基于Vue2.x)