云闪付小程序开发环境搭建

云闪付小程序前端开发指引

2021.08.10更新

之前写的有误，特此更正！

---------------------见主页下资源

---

原有内容：

1.使用 vue create demo 创建vue项目
2.将下载下来的unionpay-ui文件复制到demo中与src同级位置
3.安装sass和sass-loader（unionpay-ui需要），但不能安装高版本，否则会报错
建议安装：cnpm install sass-loader@8.0.2 node-sass@4.14.1（之后可能提示安装sass）
4.在src文件夹下的main.js中完整导入unionpay-ui组件

import Vue from 'vue'
import App from './App'
import router from './router'
import upComponents from '../unionpay-ui'
Vue.config.productionTip = false

Vue.use(upComponents)
/* eslint-disable no-new */
new Vue({
	el: '#app',
	router,
	components: { App },
	template: '<App/>'
}

5.unionpay-ui中可能存在需要略微改动的代码，才能使项目运行起来
6.npm run serve