vscode vue 自动格式化(格式化冲突,只对vue格式化)

教程开始

第一步,先打开vscode软件,方便快捷的方式就直接使用快捷键ctrl+,(是ctrl加逗号)唤出快速搜索条界面。

image.png

第二步,接下来先设定自动保存文件,搜索框贴入files.autoSave筛出设置项,并把设置项属性选择为onFocuschange。

image.png

第三步,设定编辑器默认代码格式化(美化)的插件为Prettier,同理在搜索设置框贴入editor.defaultFormatter,将配置项选择为Prettier。

image.png

第四步,设定Prettier插件保存时自动格式化代码,搜索设置项贴入editor.formatOnSave,将如下图所示的选项框打钩即可。

image.png

注意,注意,注意

这样的效果是全局的,会使所有的文件都用这格式化,如果开启了其他项目,容易格式化冲突,
打开你的setting.json,找到刚才的编辑设置,如下

"editor.defaultFormatter": "esbenp.prettier-vscode"

修改为

  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

这样的话只对vue生效,不会影响其他

你可能感兴趣的:(vscode vue 自动格式化(格式化冲突,只对vue格式化))