今天开发了一个比较旧的项目,node使用到的版本还是12.多的;
进到项目,里面已经有了几个文件,怎么都是爆黄和爆红,
仔细研究了一下发现,原来是没写.vscode啊。

在这里插入图片描述
如果你发现自己的项目代码保存没有自动格式化功能,可以检查一下是否有.vscode文件,如果没有,需要新建一个.vscode文件夹,下面新建一个settings.json,在里面设置一些自动格式化的属性。
在这里插入图片描述
我们项目里的配置,仅供参考:

{
  "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
}

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

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐