Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>uniapp小程序扩展New to Visual Studio Code? Get it now.
uniapp小程序扩展

uniapp小程序扩展

evils

|
76,277 installs
| (6) | Free
可能是最好用的uniapp小程序扩展,自动提示标签可用属性,鼠标悬浮查询属性文档,新增支持uview的组件提示
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

一个灵活、好用、持续维护的uniapp小程序拓展

新增创建组件和页面的功能

新增Api提示功能

  • 提供uniapp的api接口提示功能
  • 鼠标悬浮在api上面会提示文档
  • 自动提示api的属性
  • 如果已经使用ts或者其他提示工具,可以在设置里面关闭该功能
 "uniapp-vscode.jsAutoApi": false,
"uniapp-vscode.jsAutoCompletion": false,
"uniapp-vscode.jsHover": false,

优化样式类名提示功能

  • 在class或者xxx-class后空格,可以自动补全设置中定义的全局样式文件
  • 默认已经定义src/app.scss 和 src/style两个地址
"uniapp-vscode.globalStyleFiles": [
 "./src/app.scss",
 "./src/style",
],

功能预览

组件提示功能

  • 提供uniapp和uviewUi的组件提示功能
  • 鼠标悬浮在标签和属性上面会提示文档
  • 自动填充属性的默认值
  • 输入<弹出标签补全
  • 在标签上敲空格即可弹出属性提示
  • 在标签上敲@弹出能绑定的事件
  • 在标签上敲:弹出能绑定的属性值(过滤掉方法)
  • 在标签的属性上输入空格键弹出该属性的可选值

使用

建议给vue文件的指定html类型,可以排除掉vetur的代码提示,专注uniapp小程序编写

<template lang="html">
</template>

功能预览

代码片段提供,提供组件定义查询,自动补全属性

功能预览

todo

  • 因为查询的文档是爬虫爬取的,会有很多错乱情况.接下来主要修复文档问题

致谢

感谢 januwA 增加的创建组件和页面的功能

感谢以下开源项目:

  • minapp-vscode

  • w-extension

  • uview-snippet

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft