51Testing软件测试论坛

标题: 使用自己开发的qiucode-ui组件库（基于Vue2.x） [打印本页]
作者: 橙子0012    时间: 2019-3-26 15:34
标题: 使用自己开发的qiucode-ui组件库（基于Vue2.x）
打开你的cmd窗口。执行以下命令：
  1. vue init webpack demo-vue
复制代码
[attach]123310[/attach]
等模板下载好，然后执行以下命令：
  1. cd qiucode-demo
  2. npm run dev
复制代码
[attach]123311[/attach]
打开浏览器，出现如下界面，说明成功！虽然这些之前也都有讲过，这里就当是温故知识了！
[attach]123312[/attach]
笔者现在想要一套界面UI组件，如qiucode-ui，那就执行如下命令：
  1. npm install qiucode-ui --save-dev
复制代码
[attach]123313[/attach]
而后在你的入口文件添加如下语句：
  1. import qiucodeUI from 'qiucode-ui' // 引入组件库
  2. import 'qiucode-ui/dist/qiu-style/qiucodeUI.css' // 引入样式库

  4. Vue.use(qiucodeUI)
复制代码


[attach]123314[/attach]

[attach]123315[/attach]

而后在 App.vue文件修改如下：
[attach]123316[/attach]
再次打开浏览器

[attach]123317[/attach]



作者: Miss_love    时间: 2020-12-30 17:23
支持分享



欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2