Overview Version History Q & A Rating & Review
WeApp Extension for VS Code
VS code extension for WeApp development
微信小程序插件 for TypeScript / wxml / config json
Welcome
It's nice to see you here getting this extension, cause you're using or gonna use the GREAT TypeScript to develop your WeApp
You can aslo take advantage of this extension for wxml
and json
even if you are using javascript
BTW: It is strongly recommeded to get the TypeScript declaration file for WeApp API:
Please feel free to contact me via email or Github issue
Snippets
prefix wa-
stands for WeApp
based on the official WeApp documentation
let mainPage: WeApp.Page;
Page({
data: {
message: 'hello world'
},
onLoad: function (): void {
mainPage = this;
}
});
let param: AppParam = {
onLaunch: function () {
},
onShow: function () {
},
onHide: function () {
}
};
App(param);
wxml
snippets
output
wa-block
<block></block>
wa-view
<view></view>
wa-scroll-view
<scroll-view></scroll-view>
wa-swiper
<swiper></swiper>
wa-swiper-item
<swiper-item></swiper-item>
wa-icon
<icon></icon>
wa-text
<text></text>
wa-textarea
<textarea></textarea>
wa-progress
<progress></progress>
wa-button
<button></button>
wa-checkbox-group
<checkbox-group></checkbox-group>
wa-checkbox
<checkbox></checkbox>
wa-form
<form></form>
wa-input
<input></input>
wa-label
<label></label>
wa-picker
<picker></picker>
wa-radio-group
<radio-group></radio-group>
wa-radio
<radio></radio>
wa-slider
<slider></slider>
wa-switch
<switch></switch>
wa-navigator
<navigator></navigator>
wa-audio
<audio></audio>
wa-image
<image></image>
wa-video
<video></video>
wa-map
<map></map>
wa-canvas
<canvas></canvas>
wa-movable-area
<movable-area></movable-area>
wa-movable-view
<movable-view></movable-view>
wa-cover-view
<cover-view></cover-view>
wa-cover-image
<cover-image></cover-image>
wa-open-data
<open-data></open-data>
wa-rich-text
<rich-text></rich-text>
JSON
wa-page
wa-app-window
wa-app-page
wa-app-tab
wa-app-network
wa-app-debug
Where to get
Last Update
2017.07.12
WeApp Dev Tool Version: 0.19.191100