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:

• With npm installed

  npm install typed-we-app --save-dev

• With typings installed

  typings install github:Emeryao/typed-we-app -SG

Contact Me

Please feel free to contact me via email or Github issue

Snippets

prefix wa- stands for WeApp
based on the official WeApp documentation

TypeScript

• wa-page :

    let mainPage: WeApp.Page;
    
    Page({
        data: {
            message: 'hello world'
        },
        onLoad: function (): void {
            mainPage = this;
        }
    });

• wa-app :

    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

• Extension@Visual Studio Marketplace
• Source@Github
• Installable Package

Last Update

2017.07.12
WeApp Dev Tool Version: 0.19.191100