vsCode实现美化代码

1、安装eslint，prettier

2、在setting中，配置setting.json文件如下：（settings----open Settings（json））

{"breadcrumbs.enabled": false,// "html.format.wrapLineLength": 80,"editor.wordWrap": "on","editor.cursorBlinking": "expand","editor.cursorSmoothCaretAnimation": true,"terminal.integrated.rendererType": "dom","editor.tabSize": 2,"editor.suggestSelection": "first","[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"prettier.singleQuote": true,"prettier.semi": false,"prettier.jsxSingleQuote": true,"vetur.format.defaultFormatter.js": "prettier-eslint","[jsonc]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"liveServer.settings.donotShowInfoMsg": true,"editor.formatOnSave": true,"editor.formatOnPaste": true,"editor.formatOnType": true,"editor.multiCursorModifier": "alt","editor.columnSelection": false,"[html]": {"editor.defaultFormatter": "vscode.html-language-features"},"files.associations": {"*.html": "html"},"editor.codeActionsOnSave": {"source.fixAll.eslint": true},"git.alwaysShowStagedChangesResourceGroup": true,}

vsCode实现美化代码相关推荐

让代码不运行的快捷键html5,使用 vscode 实现写代码双手不用离开键盘
一.shell code 操作首先从 vscode 中安装 code 命令:打开命令面板(shift+command+P)输入 shell code 会展示下图中的选项: 选择在 PATH 中安 ...
使用webpack打包后，vscode中vue代码变白色的解决办法
使用webpack打包后,vscode中vue代码变白色的解决办法卸载vetur,重装vetur
使用 vscode 调试前端代码
使用 vscode 调试前端代码今天我们以webpack项目为基础讲解配置复制代码 1. 安装插件 Debugger for Chrome 2. 修改 config/index.js 将devto ...
使用VSCode写Python代码的推荐安装的插件
推荐安装的插件 1.Python插件(直接搜索Python下载安装) 2.Pylance (代码补全) 3.自动格式化代码(pip install yapf) 4. indent-rainbow ( ...
VSCode 阅读 Linux 代码怎么才不卡顿？这样做才能快的飞起！
Linux 内核代码用什么编辑器? 分享过怎么学习 Linux 内核代码的思路,当时顺便提了一点,奇伢是用 vscode 看内核代码.有同学对此提出了疑问: vscode 看 Linux 代码不卡吗? ...
vscode --- 快捷键格式化代码时,分号消失
问题复现最近在vscode中,格式化代码(快捷键 alt + shift + F)时,分号会莫名奇妙的消失对于习惯打分号的我来说,看起来很别扭- 解决方案. 我使用的是prettier这个插件来设 ...
VSCode 如何调出代码比照界面（前后对比）
VSCode 如何调用代码修改(前后对比)功能,查看新旧代码对比, 在你修改了代码,但是还没来得及推送的时候,你可以查看到前后代码修改对比,(截图示下). 截图如下: 以上就是关于" VSC ...
vscode 自定义全局代码片段
vscode 自定义全局代码片段一.创建新的自定义用户代码片段文件 - 首选项 - 用户片段选择新代码片段命名文件二.写自定义代码片段JS {// Place your 全局 snippet ...
手把手教你用Vscode Debugger调试代码
http://shooterblog.site/2018/05/19/%E6%89%8B%E6%8A%8A%E6%89%8B%E6%95%99%E4%BD%A0%E7%94%A8Vscode%20De ...
vscode查看历史代码_VSCode中数据科学家的四大代码查看器
vscode查看历史代码动机 (Motivation) Data science field requires working with data and files in different fo ...

vsCode实现美化代码

vsCode实现美化代码相关推荐

最新文章

热门文章