VS Code保存后自动格式化Vue代码---Vetur

在VS Code里面编辑Vue代码，通常我们会安装插件Vetur，本次介绍的格式化代码也依赖于Vetur插件。具体见一下步骤

　注： VS Code版本为1.74.3

1. 安装插件Vetur

2. 配置自动格式化，具体路径【文件】-【首选项】-【设置】，打开设置（json）

3. 将以下内容复制到settings.json

{// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 4,"editor.fontSize": 16,// #每次保存的时候自动格式化"editor.formatOnSave": true,"editor.formatOnType": true,"editor.codeActionsOnSave": {"source.fixAll.eslint": true},// 一个tab 代表4个空格宽度"vetur.format.options.tabSize": 4,// 编辑器默认格式化工具 很重要"editor.defaultFormatter": "octref.vetur",// 配置格式化工具的选项 根据需要自己配置"vetur.format.defaultFormatterOptions": {"prettier": {// Prettier option here https://prettier.io/docs/en/options.html// 字符串单引号"singleQuote": true,// 去掉行末尾分号要"semi": false,// 箭头函数 参数需要()包起来"arrowParens": "always",// 是否用tab  false的话用空格代替tab"useTabs": false,// 去掉对象末尾的逗号"trailingComma": "none"}}
}

　完成以上配置，即可实现VS Code编辑代码后自动格式化代码

VS Code保存后自动格式化Vue代码---Vetur相关推荐

解决 VS Code 保存时候自动格式化
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 不知道从哪个版本起,VS code 保存会自动格式化. 以前都是alt+shift+F格式化的,现在 ...
解决VS Code保存时候自动格式化
2018年7.14更新,现在项目都接入eslint,写代码越来越规范了,自带格式,几乎不会用到alt+shift+F格式化操作,希望大家能保持良好的编程风格. 不知道从哪个版本起,VS code 保存 ...
vs code 设置保存自动格式化vue代码
配置 ESLint (需安装 Prettier - Code formatter 插件) command + shift + p 打开用户设置 // vscode默认启用了根据文件类型自动设置tab ...
vscode+eslint自动格式化vue代码的方法
前言使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化.此时通过eslint插件可以实现对vue代码的自动格式化. 使用方式在vscode的插件模块处,搜索 ...
vscode 如何设置保存后自动格式化【在设置中搜索formatOnSave设置启用】
如果要在保存时格式化,请将此条目添加到用户/工作空间设置中: "editor.formatOnSave": true
vite2+eslint+prettier，解决VSCode保存时候自动格式化,导致ESLint报冲突
背景描述以前一直用破解版的Webstorm,没有用过VSCode,到新公司后不让用盗版软件了,自己捣鼓了一下VSCode.配置ESLint.Prettier代码格式化的时候,遇到了大坑!!!!保存后 ...
eslint 保存自动格式化_代码规范之理解ESLint、Prettier、EditorConfig
授权转载自:nowThen https://juejin.cn/post/6895889063111294990 前言团队多人协同开发项目中困恼团队管理一个很大的问题是:无可避免地会出现每个开发者编 ...
设置Myeclipse中的代码格式化、及保存时自动格式化
1.保存时自动格式化代码: 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Editor-->Save Actions ...
【22新版VSCode】配置自动格式化代码(保存文件自动格式化代码和tab自动格式化代码)
做html开发时,使用快捷键alt+shift+f格式化代码并不是很方便. 想配置自动格式化代码,发现新版本vs code配置方法有点不一样.记录一下. 问题描述a 22年新版vs code配置&qu ...

VS Code保存后自动格式化Vue代码---Vetur

VS Code保存后自动格式化Vue代码---Vetur相关推荐

最新文章

热门文章