@industrial.lib/cloud-vue-plugin v1.1.4

cloud-vue-plugin

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

开发插件 （详见wiki http://x.x.x.x:8090/pages/viewpage.action?pageId=12879185） 第一步：在src目录下建立文件夹以cloud开头，名字为cloud-loading

第二步：在cloud-loading文件夹下，新建一个CloudLoading.vue文件（组件原来公共组件怎么写这里就这么写），新建一个index.js文件（可以从其他插件目录copy一份过来）。

第三步：修改index.js文件，改为对应的组件名

第四步：在src目录下的index.js添加注册插件。这样就完成了一个插件的开发。

测试： 仍然以上面的CloudLoading插件为例

第一步：在example/component目录下建一个测试组件名为CloudLoading.vue，这个组件tmplate里就一个div包含我们刚才开发的插件就行了。（注意。测试组件不要加name属性，要不然会引起循环注 入问题）。

第二步：在example/router.js文件里添加一条路由。

第三步：在example/App.vue文件里添加一个链接。

第四步：运行npm run dev 跑起来看看有没有问题，有则改之，无则加勉。（至此，我们的插件测试过了，同时顺带也把插件用法的example也弄好了，是不是一箭双雕呢）

三、使用插件

第一步： 首先将本机器cnpm仓库地址设为私服仓库地址http://x.x.x.x:7001（如果之前设置过了就不用设了，跳过此步骤）

命令是：
    cnpm config set registry http://x.x.x.x:7001

    然后用cnpm login 命令登陆下
        username:  
        password: 
        email:  

第二步：在package.json里添加插件依赖（如果之前没添加过的话） 第三步：运行安装命令cnpm install 第四步: 将插件挂到vue实例上。修改，main.js文件. 第五步：在页面处不需要import组件，如要用CloudLoading组件的话，无需在头部import，也无需加为子组件。只需在里直接使用 。

四、修改或新增样式 第一步：修改 项目/static/common 下的相关样式。

第二步：调试无误后 将cloud-vue-plugin的修改提交到git上。

第三步：提升package.json版本号,发布到npm仓库. cnpm install cnpm run build cnpm publish