Vue代码格式化问题

来源:2-7 使用v-for, v-html 指令精简页面代码

雨辰悠悠

2021-08-19 11:25:04

Vue代码格式化后script区域都会整体多出一个空格报错。怎么解决。手动删掉空格太麻烦。

http://img.mukewang.com/climg/611dce1809bf6d5e05490560.jpg


写回答

1回答

好帮手慕久久

2021-08-19

同学你好,可以考虑如下两种方式解决问题:

1、更换格式化插件。

在vue项目中,右键,看是否有“使用...格式化文档”:

http://img.mukewang.com/climg/611dd28d09a737bb08480441.jpg

如果有的话,说明同学安装了不止一款格式化插件,此时点击“使用...格式化文档”,选择“配置默认......”选项:

http://img.mukewang.com/climg/611dd2d7096ebb8205360179.jpg

然后在格式化插件列表中,更换一个其他的插件试试:

http://img.mukewang.com/climg/611dd2ed09dd640305250141.jpg

如果没有该选项,可以考虑安装一下其他格式化插件并使用,老师常用的就是eslint和vetur,同学可以试试。

2、如果上述方案不行,建议把eslint禁掉,如下:

打开package.json文件,将如下选中的代码删除:

http://img.mukewang.com/climg/611dd3a50993c22a04900245.jpg

然后重启项目试试。

祝学习愉快!


0

0 学习 · 15276 问题

查看课程