这篇博客主要解决使用vscode在编辑vue文件时,遇到的两个困扰了一段时间的问题:
1、如果在vue文件里使用了stylus预处理器,在保存的时候会被压缩为一行
2、在template里按ctrl+/的时候,会用js注释语法来注释html,导致注释失败
解决stylus被压缩的问题
最近有好长一段时间都出现了一个诡异的情况,我保存vue文件的时候,stylus写的好好的,就像下面这样:
然后当我按下Ctrl+S,老是变成这样一行……还能不能玩了??
然后less/sass都不会,唯独stylus出现了,我又比较喜欢stylus,无需花括号,无需冒号,无需分号的简洁…
于是各种重装stylus相关插件,然而并没有一丝丝改善,搜来搜去也没什么解决办法。
然后我一度很想换回sublime,换回了2天又觉得有点舍不得vscode,于是又把vscode的插件一个个全部关掉再开启尝试……
直到……我发现了这篇同病相怜的文章…
解决vscode 中保存后html自动格式化的问题
https://www.jianshu.com/p/01d916ab6811
emmm,发现原来居然是因为vue 3.0的 Vue3snippets
插件引起的 = =
然后我把设置里面的format关闭了,好了…
终于告别噩梦…你知道我这段时间是怎么过来的吗?
为了赶项目,然后不得不单独写一个styl文件,去import到Vue里,复杂项目这样玩起来好恶心 = = 总算解脱了!
因为一开始针对stylus去搜问题,实在搜不到解决办法,记录一下,方便后面遇到一样情况的同学!!!!
然后还没完,因为发现了这个 Vue3snippets
引起的问题,就顺便捣鼓一下,看看有没有别的替代拼,顺手解决了下面的这个问题。
解决template无法正常注释的问题
就是按 ctrl+/
会生成这样的注释:
网上很多方法说把vue的默认关联方式改成html(具体操作就不说了,搜出来几乎全是这个答案…
为什么不想用这个html文件关联的方法呢,因为不支持写stylus,所以还是特么要单独写一个styl文件再import进去…还是烦 - -
然后今天在解决第一个问题的时候,因为发现是snippets插件引起的,于是重新找了一下替代品,发现有个插件还蛮好用的:
vue-vscode-snippets
https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
尝试安装了一下,顺手禁掉了之前的 Vue3snippets
,注释的问题完美解决。
当然,上面stylus被压缩的问题也完美解决,暂时先用这个了!
希望不要有其他的坑哈哈哈哈哈。