备案控制台
开发者社区 彭世瑜的博客 文章 正文

VSCode插件 Beautify格式化微信小程序wxml属性换行显示

2022-09-13 1257
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： VSCode插件 Beautify格式化微信小程序wxml属性换行显示

文档：https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify


settings.json 配置


// 关联文件
"files.associations": {
    "*.wxss": "css",
    "*.wxs": "javascript",
    "*.wxml": "html"
  },
// 属性换行显示
"html.format.wrapAttributes": "force-aligned",
// 指定格式化工具
"[html]": {
  "editor.defaultFormatter": "HookyQR.beautify"
},
文章标签：
小程序
关键词：
vs code换行
vs code格式化换行
vs code属性
vs code格式化
vs code属性换行
码农技术君
目录
相关文章
小吴吴吴呀
|
1月前
VSCode 自动格式化
VSCode 自动格式化
小吴吴吴呀
74 1
我是夜阑的狗
|
1月前
|
存储 小程序 JavaScript
【微信小程序】-- 自定义组件 -- 数据、方法和属性（三十三）
【微信小程序】-- 自定义组件 -- 数据、方法和属性（三十三）
我是夜阑的狗
74 0
我是夜阑的狗
|
1月前
|
小程序 JavaScript
【微信小程序】-- WXML 模板语法 - 事件绑定 -- tap & input （十）
【微信小程序】-- WXML 模板语法 - 事件绑定 -- tap & input （十）
我是夜阑的狗
78 0
你挚爱的强哥
|
1月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
你挚爱的强哥
207 0
我是夜阑的狗
|
1月前
|
小程序 容器
【微信小程序】-- WXML 模板语法 - 条件渲染 -- wx:if & hidden （十一）
【微信小程序】-- WXML 模板语法 - 条件渲染 -- wx:if & hidden （十一）
我是夜阑的狗
66 0
ALex_zry
|
2天前
|
JSON C++ 数据格式
【VsCode】通过tasks.json中的problemMatcher属性的fileLocation子属性设定问题的输出内容
【VsCode】通过tasks.json中的problemMatcher属性的fileLocation子属性设定问题的输出内容
ALex_zry
11 3
米诺斯
|
17小时前
|
JavaScript
VScode格式化vue文件--避免html属性换行
VScode格式化vue文件--避免html属性换行
米诺斯
5 0
敏叔V587
|
26天前
VSCode将某个字符替换为换行符并换行显示
VSCode将某个字符替换为换行符并换行显示
敏叔V587
26 0
VSCode将某个字符替换为换行符并换行显示
叫我小唐就好了
|
1月前
|
JavaScript 小程序
微信小程序 搜索框实现模糊搜索（带模拟数据，js,wxml,wxss齐全
微信小程序 搜索框实现模糊搜索（带模拟数据，js,wxml,wxss齐全
叫我小唐就好了
26 0
xiaohua616
|
1月前
|
小程序
微信小程序启动报错 WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml
微信小程序启动报错 WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml
xiaohua616
63 3

热门文章

最新文章

  • 1
    【专栏】小程序图片合成就绪渲染的转变，从异步并发渲染到同步阻塞渲染
  • 2
    选课小程序
  • 3
    python背单词小程序
  • 4
    使用阿里云短信+微信短链接跳转微信小程序
  • 5
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（二）
  • 6
    轻松学会微信小程序开发（一）
  • 7
    微信小程序开发1
  • 8
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（一）
  • 9
    企业微信应用结合Cpolar内网穿透实现固定域名验证回调本地接口服务
  • 10
    VS Code书写vue项目配置 eslint+prettier 统一代码风格
  • 1
    微信小程序【视频、音频】
    29
  • 2
    微信小程序如何在切换页面后原页面状态不变
    110
  • 3
    微信小程序如何刷新当前页面
    123
  • 4
    微信小程序——解决异步问题
    58
  • 5
    微信小程序——属性配置大全
    40
  • 6
    设计 QQ、微信等第三方账号登陆
    32
  • 7
    【微信公众平台对接】有关【创建发票卡券模板】调用示例
    28
  • 8
    【微信公众平台对接】有关【上传图文消息内的图片获取URL】调用示例
    73
  • 9
    微信网页授权之使用完整服务解决方案
    335
  • 10
    mPaaS常见问题之音视频通话微信小程序通话界面录制为画中画模式如何解决
    37

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

    更多
  • 《云市场-小程序》
  • 数字乡村建设方案
  • mPaaS 小程序新品发布

    • 相关实验场景

    更多
  • 1分钟SAE部署PHP商城小程序
  • 前端开发基础3：CSS3常见显示属性
  • 前端开发基础2：VS Code和Edge的联动开发
  • 阿里云IoT小程序应用开发和组件实践
  • 搭建IoT小程序开发环境，创建一个应用
  • EMAS Serverless搭建《私人云相册》小程序
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）