Uniapp(uView)小程序开发(VSCode)

工具

VSCode

插件

gitignore

uniapp-snippet

uview-snippet

uni-app安装

全局安装vue-cli
npm install -g @vue/cli

创建uni-app使用正式版(对应HBuilderX最新正式版)
vue create -p dcloudio/uni-preset-vue demo

uView安装

安装
yarn add uview-ui

更新
yarn update uview-ui

安装其他
yarn add sass sass-loader@10.1.1 node-sass  -D

在这里插入图片描述

运行和发布uni-app

运行、发布uni-app
yarn dev:%PLATFORM%
yarn build:%PLATFORM%

app-plus	app平台生成打包资源(支持npm run build:app-plus,可用于持续集成。不支持run,运行调试仍需在HBuilderX中操作)
h5	H5
mp-alipay	支付宝小程序
mp-baidu	百度小程序
mp-weixin	微信小程序
mp-toutiao	字节跳动小程序
mp-qq	qq 小程序
mp-360	360 小程序
quickapp-webview	快应用(webview)
quickapp-webview-union	快应用联盟
quickapp-webview-huawei	快应用华为

微信调试

manifest.json

"mp-weixin": { /* 微信小程序特有相关 */
    "appid": "微信appid",
    "setting": {
    	"urlCheck": false
    },
    "usingComponents": true
},

启动服务

yarn dev:mp-weixin

微信配置

项目->导入项目->目录

在这里插入图片描述
效果

在这里插入图片描述

Git地址

https://github.com/mozovw/uviewui/releases/tag/v1.1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值