.vscode文件夹的作用

初心w50t22024-06-26 17:20

今天开发了一个比较旧的项目，node使用到的版本还是12.多的；

进到项目，里面已经有了几个文件，怎么都是爆黄和爆红，

仔细研究了一下发现，原来是没写.vscode啊。

如果你发现自己的项目代码保存没有自动格式化功能，可以检查一下是否有.vscode文件，如果没有，需要新建一个.vscode文件夹，下面新建一个settings.json，在里面设置一些自动格式化的属性。

我们项目里的配置，仅供参考：

javascript 复制代码

{
  "editor.tabSize": 2,
  // 保存自动格式化
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[vue]": {
    "editor.formatOnSave": false
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  // 不要匿名函数和函数名后的空格
  "typescript.format.insertSpaceBeforeFunctionParenthesis": false,
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false,
  // vetur
  "vetur.validation.script": false,
  "vetur.validation.template": false
}

这样设置完之后，回到爆红的文件保存一下，就会发现代码都被自动格式化了。