vscode开发vue之编辑器最佳体验设置

必装插件

插件名称 功能 特别说明
Chinese (Simplified) Language Pack for Visual Studio Code 界面汉化
Color Picker 色彩选择器,编辑css的颜色时更方便
change-case 字符串格式转换,用于转换全大写,小写,驼峰等
Better Comments 美化注释,看注释更方便
Better Align 美化对齐方式
Auto Rename Tag 自动重命名标签
Auto Complete Tag 自动完成标签
Auto Close Tag 自动关闭标签
Bracket Pair Colorizer 2 美化括号,让括号的开始结尾更明确
Debugger for Chrome chrome调试工具
Debugger for Firefox firefox调试工具
ESLint 代码格式检查 强迫症代码洁癖者必装
Local History 本地历史,每次保存自动生成一个备份文件
Markdown All in One Markdown工具
SFTP 服务器文件同步
Vetur Vue工具
Vscode Google Translate 谷歌翻译
vscode-icons 美化文件图标
vue-beautify2 vue文件美化工具 这个插件可以解决代码不因属性而换行

空格缩进修改,2个空格改成4个空格

这个需求应该非常多,毕竟2个空格的缩进看代码着实吃力,没有4个空格直观,网上看了很多别人的修改方式,基本都是和ESLint冲突,要么不能自动修复代码,要么就是保存后又变成了2格缩进。
vscode开发vue之编辑器最佳体验设置
vscode开发vue之编辑器最佳体验设置