在工程中引入组件库

1.npm install

npm install voila-component

2.在main.js中全局注册

main.js

//全部引入
import VoilaComponent from 'voila-component'

//或者按需引入
import ProductView from 'voila-component'
import SimilarProductView from 'voila-component'
import FooterView from 'voila-component'
import HeaderView from 'voila-component'
import ColorText from 'voila-component'

//不管哪种都要引入css!!
import 'voila-component/lib/voila-component.css'

3.组件库实时更新

npm update voila-component

vue demo下载练习&源码查看

1.git clone [email protected]:voiladev/VoilaComponent.git

2.npm run serve启动项目

3.输入测试地址，即可看到详情页

http://localhost:8080/#/product?productId=0&shopId=40894482&shopProductId=970981383&shorturl=https%3A%2F%2Fcreator.voiladev.xyz%2Fmarket%2F_%2Fvoila%2Fv1%2Faffiliate%2Fshorturl%2FPGWzBe%3Fbuy%3Dture&shorturlCode=PGWzBe&source=Link&userId=9c7f4b11d21317dd942f6a7cc2720dd9

4.demo的逻辑代码写在example的目录里,组件源码写在packages的目录里。