VSCode是一款主流的集成开发环境，它的丰富插件和自定义设置让程序员们可以更加高效地进行开发工作。在使用VSCode的过程中，我们可以根据自己的需求和习惯对其进行设置，使其更符合自己的编码习惯。本文将分享一个比较好的VSCode工具的setting.json配置文件，并结合prettier和vetur实现代码格式化。 在使用VSCode进行代码编写时，我们会发现代码的格式化经常是一个问题。有时候我们会忽略代码的格式，或者手动调整代码格式耗费时间精力。为了解决这个问题，我们可以使用prettier插件来自动格式化代码。 除了使用prettier插件，还可以使用vetur插件来进行Vue开发，它提供了更方便的语法高亮和代码片段。然而，要使这两个插件能够协同工作，我们需要修改VSCode的设置文件。 下面是我觉得比较好的VSCode工具的setting.json配置文件，按下Ctrl+Shift+p，将如下内容拷贝到setting.json文件中保存即可： { "git.enableSmartCommit": true, // 修改注释颜色 "editor.tokenColorCustomizations": { "comments": { "fontStyle": "italic", "foreground": "#6A9955" } }, // 对Vue文件进行格式化 "vetur.format.defaultFormatter.html": "prettyhtml", "vetur.format.defaultFormatter.js": "prettier", // 使用prettier对代码进行格式化 "editor.formatOnSave": true, "editor.formatOnPaste": true, "[javascript]": { "editor.formatOnSave": false }, "[typescript]": { "editor.formatOnSave": false }, "prettier.eslintIntegration": true, "javascript.format.insertSpaceBeforeFunctionParenthesis": true, "typescript.format.insertSpaceBeforeFunctionParenthesis": true, "editor.insertSpaces": true, "editor.tabSize": 2, "editor.wordWrap": "on", "editor.renderIndentGuides": true, "explorer.confirmDragAndDrop": false } 通过这个设置文件，我们可以在保存和粘贴代码时自动进行格式化，并且可以改变注释的颜色以提高可读性。除此之外，在写Vue代码时，vetur插件支持对Vue文件进行格式化，使得代码更加易读。同时，我们还可以使用prettier.eslintIntegration属性来与ESLint集成，进一步提高我们的代码结构和可读性。 总之，这个VSCode工具的setting.json配置文件是我觉得比较好的，可以帮助我们更高效地进行代码编写，并提高代码可读性和可维护性，建议大家可以尝试使用。