Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

wxml文件,标签属性太长,在vs code里,标签会折行 #61

Closed
SweetsXob opened this issue Apr 25, 2018 · 8 comments
Closed

Comments

@SweetsXob
Copy link

比如text标签是这样的
text1

但是一格式化之后,变成了这样
text2

但是将text标签格式化成这样的话,在小程序里显示就会有问题,会显示成每个文本占据独立一行。

将wxml文件映射成html就没有这个问题,但是映射成html了之后,就不能使用一些wx:for快捷指令了。

不知道怎么解决,麻烦指点一下,谢谢

@chemzqm
Copy link
Contributor

chemzqm commented Apr 25, 2018

text 外面包个 view 把那些属性扔给 view

@qiu8310
Copy link
Owner

qiu8310 commented Apr 26, 2018

嗯,可以按 @chemzqm 说的方法

或者不用去格式化,你自己写的时候就按你自己的风格写

现在的格式化比较简单,会判断如果标签太长,自动会帮你换行,没有一个配置给你,可以配置超过多长才换行。

@SweetsXob
Copy link
Author

SweetsXob commented Apr 26, 2018

@chemzqm 嗯,暂时我是这样做的,但是需要把view改成inline-block,这样文本才能连续显示,而不出现换行。

@SweetsXob
Copy link
Author

@qiu8310 哈哈,我有习惯性格式化的毛病,不自觉就给格式化了。
当然,最好能提供一个配置项,自己配置是否换行就好了。
感谢啦

@qiu8310
Copy link
Owner

qiu8310 commented Apr 28, 2018

@SweetsXob 已添加一个配置项 minapp-vscode.formatMaxLineCharacters,更新你的 vscode 插件到 1.1.0

@SweetsXob
Copy link
Author

太棒啦,太感谢啦,非常好用,赞赞赞 @qiu8310

@Bryant-Yang
Copy link

非常nice的修改,之前默认没有留意,小程序 text 组件在wxml中的回车会直接影响排版,差点弃用vscode。自定义加了这个参数放了一个很大的数,该自动format的部分也不受影响,可以愉快地玩耍了。

@Boxser567
Copy link

Boxser567 commented Mar 21, 2022

安装插件
image
setting.json 配合配置:

"minapp-vscode.wxmlFormatter": "wxml", // 使用minapp默认格式化方式处理wxml
"minapp-vscode.reserveTags": [
  // 忽略格式化的标签, text标签格式化会引起换行和空格的问题
  "text",
  "wxs"
],

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants