关于使用 VSCode 进行格式化 Vue.js 代码的记录

最近在做一个网站,前端用的是 Element + vue.js,然后编辑器用的是 VSCode。在使用 VSCode 的时候,首先要安装 vetur 插件,但是 vetur 插件格式化代码会有问题,比如 tab 键的空格数量是 4 ,单引号变双引号,语句结束加分号等问题。一开始因为不太熟练,第一次单干前端,就忍着不使用格式化代码,慢慢有功夫了,决定彻底解决格式化的问题。

问题1:格式化后,单引号变双引号,自动加分号的问题

  • 首先,找到 VSCode 的设置。
Windows 用户
文件
MacBook 用户
Code
首选项
设置
  • 然后,在搜索里面搜:vetur.format.defaultFormatter.js,选择 vscode-typescript

问题2:格式化后,函数名后面加空格问题

  • 在搜索里面搜:insertSpaceBeforeFunctionParenthesis,选择 true 或者 打√

参考资料

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章