主要介绍一下几个vscode插件,在vscode中搜索插件关键字点击安装即可. 1) vscode weapp api,  语法结构api; 2) minapp-vscode 3) vscode wxml 4) vscode-wechat 5) Easy WXLESS 6) 小程序助手

昨天在群里,有刚刚使用WordPress版微信小程序朋友,在问安装过程中的问题,这些问题是经常被问到,这至少说明两个问题: 1.我开发的程序安装和使用不够简易,无法通过简单的配置就可以使用,特别是如果没有基本的wordpress或微信小程序的知识,是很难搭建成功的. 2.缺乏一个简明的安装使用说明.这是我昨天晚上刚刚意识到的,虽然我写了不少的文章来说明如何安装使用,但至今没有一个按流程一步一步指导使用者进行安装.这是我的失误吧,很明显还是从一个技术人员的角度来思考,缺乏用户体验的角度. 基于此,

微信小程序的wx-charts插件-tab选项卡 效果: //index.js var wxCharts = require('../../utils/wxcharts-min.js'); const app = getApp(); var ringChart = null; Page({ data: { selected: true, selected1: false }, torecord() { wx.navigateBack({ delta: 1, }) }, onLoad: funct

微信小程序之倒计时插件   wxTimer 介绍: 用于在微信小程序中进行倒计时的组件. 功能: 1.最基础的当然就是倒计时功能了. 2.可以设置倒计时结束后执行的事件. 3.可以设置倒计时执行过程中每隔多少秒,执行一次对应的事件. 下载: wxTimer 在JS中调用 1.在当前js引入 timer = require('../../plug/wxTimer.js') 2.在全局app.js引入 app.js globalData: { userInfo: null, timer: requi

支付宝小程序自定义弹窗组件wcPop|小程序自定义对话框|actionSheet弹窗模板 支付宝小程序官方提供的alert提示框.dialog对话框.model弹窗功能比较有限,有些都不能随意自定义修改的.如是自己就捯饬着封装了个支付宝小程序自定义弹窗插件wcPop,多种展示场景,随意修改调用. 自定义的小程序弹窗采用了全新的模板布局,极简的api调用方式,同时解决了自定义弹窗出现时,蒙层下的页面仍可以滚动的问题. 在原始功能的基础上,新增了跟随定位弹窗.上下左右弹窗.弹窗swipe滑动功能 先

准备 开发工具下载 获取APPID 安装工具 安装 接受协议 选择安装位置 等待安装完成 安装完成 选择项目 选择小程序 填写信息 确定 无误后,点击确定进入开发页面 建立普通快速启动模板界面

第一步: 微信公众平台注册账号,并选择小程序,网址:mp.weixin.qq.com 填写相关信息,如:主体类型(个人或者企业) AppID  在开发中都是用的到的,服务器域名在网络请求也是用的到的. 完成信息之后,下载开发工具: 下载地址: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 选择自己需要的版本,下载直接安装,和平常的软件安装一样,直接运行 用微信扫码登录即可,然后点击添加项目, 输入申请的AppID

推荐服务器特价优惠注册即可购买,1G双核一年只要88,真的是白菜价格,点击下面图片即可进入购买地址. 开源小程序发布一段时间了,很多人最近咨询了关于小程序的教程,实在太忙了,抽空写个基本的安装教程. 教程开始前我啰嗦几句,我们的小程序基于强大的后台插件,只需要你填写对应的AppId以及AppSecret,代码里面填写你的域名就可以完美的运营起来一个小程序. 第一步,拿到插件先安装,在线或者在你的服务器直接上传都可以,小程序后台设置你的网站域名. 第二步,小程序基本设置:填写你的AppId以及Ap

摘要: 0.2.0新增fundebug.test()方法,同时报错增加了Page数据. Fundebug提供专业支付宝小程序BUG监控服务,可以第一时间为您捕获生存环境中小程序的异常.错误或者BUG,及时给开发者发送报警,帮助您快速修复BUG.欢迎大家免费试用,也欢迎各位用户反馈建议或者问题. test(name, message) fundebug.test()用于测试,可以将测试数据发送到Fundebug,并收到报警邮件. name: 错误名称,参数类型为字符串,默认值为"Test"

摘要: 1.1.0新增fundebug.test()和fundebug.notifyHttpError()方法,同时大小压缩至15K. Fundebug是专业的小程序BUG监控服务,可以第一时间为您捕获生存环境中小程序的异常.错误或者BUG,及时给开发者发送报警,帮助您快速修复BUG.欢迎大家免费试用,也欢迎各位用户反馈建议或者问题. test(name, message) 使用 fundebug.test()方法可以用于测试 Fundebug 插件. name: 错误名称,参数类型为字符串,默

第一步,创建一个页面和普通页面一样 第二不,在这个页面上进行对json配置, "component":true 第三不在需要插入的页面中进行设置 插入标签 <dialog id='dialog' title='我是标题' content='恭喜你,学会了小程序组件' cancelText='知道了' confirm='谢谢你' bind:cancelEvent="_cancelEvent" bind:confirmEvent="_confirmEve

解决Echarts在微信小程序tab切换时的显示会出现位置移动问题 tab切换时,图表显示错乱 <canvas class="kcanvas" canvas-id="ringCanvas" hidden="{{currentTab == 1}}"></canvas> <view hidden="{{currentTab !== 1}}" id="one" class="

还有就是可以使用一些小程序的插件,比如wx-charts. 先来看一下网上对这个插件的评价: 目前在github上有1804颗星,使用的比较广泛. github地址:https://github.com/xiaolin3303/wx-charts.git: 支持图标类型 饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 area 雷达图 radar 使用方法 直接引入编译好的dist里面的js文件(二选一) 然后在需要使用的页面的js当中使用require引入即可:

转自:https://www.cnblogs.com/likun123/p/9543376.html 小程序解析html标签,就需要用到wxParse啦.但是在解析连续图片的时候,会发现图片之间会有间隔,这是因为微信小程序本身的img标签自带间隔 解决:在wxss中设置  .wxParse-img{   display: flex; }

首先 奉上腾讯官方文档 方便参考:https://mp.weixin.qq.com/debug/wxadoc/design/index.html  个人认为没说啥特别有用的信息(可能是我看的太粗糙了)  整体感觉跟WeUi差不多 据说最近weui在git上有更新?! 今天是2016年9月27日 进入正题啦,目前博客园里面已经有IDE的安装教程了,因为腾讯限制开发权限的原因大概只允许200人左右玩正式IDE 所以很多人选择破解版也就是0.9.0921版本而正式版本0.9.0923只有部分人有全部开

创建日历面板组件,在components目录下创建calendar文件夹 1.calendar.js // components/calendar/calendar.js var util = require('../../utils/util.js') Component({ /** * 组件的属性列表 */ properties: { currentYear: { // 当前显示的年 type: Number, value: new Date().getFullYear() }, curre

本插件在原作者(传送门:http://blog.csdn.net/lengyue1084/article/details/71248778)基础上升级. 增加了点击选择具体日期和数据传输功能. 效果图: 1.WXML <view class="page"> <view class="box"> <view class="box-flex"> <view class="flex-item"

感谢GitHub https://github.com/icindy/wxParse/wiki/wxParse%E5%A4%9A%E6%95%B0%E6%8D%AE%E5%BE%AA%E7%8E%AF%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95 介绍 介绍如何使用wxParse在回复等多条HTML共同渲染的方法 方法介绍 /** * WxParse.wxParseTemArray(temArrayName,bindNameReg,total,that) * 1.tem

vscode无法识别wxml,wxss语法: wxml文件设置: (1)任意打开一wxml文件,点击下方语言模式选择,这里已关联wxm所以当前显示wxml.默认关联为纯文本或者html或其他语法,点击即可.如下图 (2)点击".wxml"的配置文件关联....如下图 (3)下拉选择wxml关联即可,这里vscode安装了小程序的各种插件,没有wxml时关联html可以起到同样的效果.如下图 (4)wxss方法相同,关联wxss语法或者css语法即可.效果如下图    

本博客已暂停更新,需要请转新博客http://www.whbwiki.com/231.html 配置 VsCode 微信小程序开发环境并非不用官方的 微信小程序开发者工具 ,而是两者配合适用,可以极大的提高我们的开发效率. 安装微信小程序开发者工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据自己的系统下载对应版本,然后一直点击下一步安装即可. 安装VsCode 下载地址:https

在操作之前,需要对webstrom做一些设置,如下 如果未安装node.js的朋友,请到如下地址 https://nodejs.org/en/ 安装(相信大家都是会的),如果安装完了之后,就使用如下的方法操作! normal template for weapp . 使用标准微信小程序写法的模板.使用WebStormWebStorm 做如下设置Preferences > Languages & Frameworks > Node.js and NPm > Node interpe