vscode绿色、护眼色，vue自动格式化配置参考

修改配置的方法是：

1.点击文件>首选项>设置

2.用户>工作台>外观>settings.json

workbench.colorCustomizations选项是配置护眼色选项，个人比较喜欢豆沙绿#C7EDCC（还有青草绿 #E3EDCD、海天蓝 #DCE2F1、杏仁黄 #FAF9DE等），可根据个人喜好更换成不同的颜色。
其他的配置选项具有注释，可根据情况自定义修改

{"workbench.colorTheme": "Quiet Light", // 护眼模式选择 浅色主题"workbench.colorCustomizations": {"editor.background": "#C7EDCC","sideBar.background": "#C7EDCC","activityBar.background": "#C7EDCC"},// #每次保存的时候自动格式化"editor.formatOnSave": true,// #每次保存的时候将代码按eslint格式进行修复"eslint.autoFixOnSave": true,"[scss]": {"editor.defaultFormatter": "michelemelluso.code-beautifier"}, //scss格式化工具"workbench.iconTheme": "vscode-icons", //vscode文件图标主题"go.formatTool": "goimports", //golang格式化工具"editor.defaultFormatter": "esbenp.prettier-vscode", //编辑器格式化工具"[javascript]": {"editor.defaultFormatter": "rvest.vs-code-prettier-eslint"}, //javascript格式化工具"[vue]": {"editor.defaultFormatter": "octref.vetur"}, //vue格式化工具"editor.insertSpaces": false,"workbench.editor.enablePreview": false, //打开文件不覆盖"search.followSymlinks": false, //关闭rg.exe进程"editor.minimap.enabled": false, //关闭快速预览"files.autoSave": "afterDelay", //编辑自动保存"editor.lineNumbers": "on", //开启行数提示"editor.quickSuggestions": {//开启自动显示建议"other": true,"comments": true,"strings": true},"editor.tabSize": 2, //制表符符号eslint"editor.formatOnSave": true, //每次保存自动格式化"prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验"prettier.semi": true, //去掉代码结尾的分号"prettier.singleQuote": false, //使用单引号替代双引号"javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html"vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-aligned" //属性强制折行对齐},"prettier": {"semi": false,"singleQuote": true},"vscode-typescript": {"semi": false,"singleQuote": true}},"eslint.validate": ["vue","typescript","typescriptreact","html"],"editor.codeActionsOnSave": {"source.fixAll.eslint": true}
}

vscode绿色、护眼色，vue自动格式化配置参考相关推荐

vscode输入vue自动_vscode配置总结可收藏/vscode用户设置大全/vue代码模板，vscodevue...
vscode配置总结可收藏/vscode用户设置大全/vue代码模板,vscodevue //用户设置 { //-------- 搜索配置 -------- "search.excl ...
关于VScode设置护眼色的方法
下载主题打开VS code选择'文件''→'首选项'→'颜色主题':在弹出来的输入框输入Atom One Light Theme,后下载并安装该主题,安装后重启vscode. 注意:这一步是已经在扩 ...
vscode 使用eslint（保存自动格式化）
前提:在package.json中安装了eslint的依赖 1.在项目跟目录添加.eslintrc.js 文件 // https://cn.eslint.org/docs/rules/ // /** ...
vscode在报错时候自动格式化代码
使用默认的 vscode使用的prettier vscode 保存代码自动格式化插件在vscode设置里面选中formatOnSave,也可以在setting.json中修改 "edito ...
VSCode中设置Python语言自动格式化的方案
目录安装Python扩展安装PEP8 安装Flake8 修改配置开启Flake8 效果格式化代码批量处理历史代码保存时自动格式化定制策略安装Python扩展在VSCode的扩展(Ex ...
vsCode的setting.json保存自动格式化代码html不换行
我的配置项如下: {"workbench.editor.enablePreview": false, //打开文件不覆盖"editor.minimap.enabled&q ...
IDEA绿色护眼色设置(含代码区项目结构区运行区)
程序员一定要保护好自己 1.在IDEA上内置了两大系统主题,以前喜欢用黑的,感觉黑色酷酷的,对眼睛刺激也不大,但是后来发现黑色的也看不清楚,需要把亮度调高,然后转而用白色的主题,白色的是看着亮一些了, ...
vscode 如何设置保存后自动格式化【在设置中搜索formatOnSave设置启用】
如果要在保存时格式化,请将此条目添加到用户/工作空间设置中: "editor.formatOnSave": true
vue.config.js 配置参考
文章目录属性说明常用完整配置属性说明 vue.config.js是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-s ...

vscode绿色、护眼色，vue自动格式化配置参考

修改配置的方法是：

vscode绿色、护眼色，vue自动格式化配置参考相关推荐

最新文章

热门文章