WXML - Language Services用于开发微信小程序的 VSCode 插件
WXML - Language Services 原名 minapp,是一款 VSCode 开发插件,用于辅助开发微信小程序,于 2018 年 3 月首次发布目前持续迭代开发中。插件具有丰富的功能,包括不限于微信小程序 wxml 文件语法高亮,代码自动补全,代码跳转提示等。
微软 VSCode 插件市场地址 -> https://marketplace.visualstudio.com/items?itemName=qiu8310.minapp-vscode 或者插件搜索【wxml】即可安装下载
让我们来看看插件有哪些功能!
标签名与属性名自动补全
根据组件已有的属性,自动筛选出对应支持的属性集合
-
当 picker 的 mode="selector" 时,有
range
和range-key
的属性 -
当 picker 的 mode="time" 时,有
start
和end
的属性
属性值自动补全(有可选值的情况下才会触发补全)
点击模板文件中的函数或属性跳转到 js/ts 定义的地方(纯 wxml 或 pug 文件才支持,vue 文件不完全支持)
样式名自动补全(纯 wxml 或 pug 文件才支持,vue 文件不完全支持)
在 vue 模板文件中也能自动补全,同时支持 pug 语言
支持 link(纯 wxml 或 pug 文件才支持,vue 文件不支持)
自定义组件自动补全(纯 wxml 文件才支持,vue 或 pug 文件不支持)
模板文件中 js 变量高亮(纯 wxml 或 pug 文件才支持,vue 文件不支持)
内置 snippets
支持 emmet 写法
评论
WXapp-typescriptTypeScript 开发微信小程序
使用 TypeScript 开发小程序运行使用微信web开发者工具新建一个小程序项目,项目目录选择d
WXapp-typescriptTypeScript 开发微信小程序
0
WXapp-typescriptTypeScript 开发微信小程序
使用TypeScript开发小程序运行使用微信web开发者工具新建一个小程序项目,项目目录选择dist目录,该目录是ts源文件编译后存放的目录。开发$ git clone git@git.oschin
WXapp-typescriptTypeScript 开发微信小程序
0
wechat-plug微信小程序插件集
微信小程序插件集实例功能页面自定义导航左边按钮获取当前详细地址城市选择日期选择订单操作输入框输入提示时间线小程序分享海报身份证拍摄取景框
wechat-plug微信小程序插件集
0