设置vscode的格式化代码

设置代码格式化

1.在vscode中安装插件 Prettier - Code formatter

prettier插件.png

2.在设置中搜索pettier,找到Tab Width 更改为4

image.png

设置css的样式高亮显示

1.在设置中搜索 Code Actions On Save

image.png

2.点击setting.json配置文件加入以下配置

"files.associations": {
        "*.vue":"html"
    },

image.png

推荐阅读更多精彩内容

• 在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码

  ESLint ：代码检查+代码格式化工具。 Prettier：代码格式化工具。 一般的代码格式化工作，ESLint...

  全栈程序猿阅读 3,585评论 1赞 1
• vscode 配置代码自动格式化加修复

  子曰：“工欲善其事，必先利其器”, 编码必须的就是有一个顺手的ide，然而光有还不行，还要懂得配置，毕竟不同的团队...

  奔跑的痕迹阅读 1,011评论 0赞 5
• VSCode代码格式化设置

  VSCode代码格式化设置 安装插件 ESLint、Prettier-code formatter、Vetur 一...

  joeal阅读 5,773评论 0赞 1
• VSCode - setting.json配置 - Prettier、Vetur格式化和ESL...

  vscode 前端最佳插件配置[https://blog.csdn.net/win7583362/article/...

  西半球_阅读 4,855评论 0赞 4
• vscode 中格式化代码[vue2支持，插件ESLint、Prettier、Vetur]

  1. 安装vscode插件 ESLint Prettier formatter for Visual Studio...

  会煮咖啡的猫咪阅读 7,739评论 2赞 1