VSCode代码格式化—统一团队格式化规范

上一篇提到怎么使用项目里的配置文件进行格式化代码,但是在团队开发中,你无法保证每个成员都会自己手动安装插件,手动配置setting.json文件,所以你可以在项目下设置一个.vscode/extensions.json文件。

这样项目被vscode打开就会检测本地是否有这两个插件,没有就会弹出提示。

{
    "recommendations": [
        "dbaeumer.vscode-eslint",
        "stylelint.vscode-stylelint"
    ]
}

同样,你把需要统一的规则,写入extensions.json

"editor.codeActionsOnSave": {
        "source.fixAll.eslint": true,
        "source.fixAll.stylelint": true
    },
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript"
],
"eslint.alwaysShowStatus": true,
"stylelint.validate": [
    "css",
    "less",
    "postcss",
    "scss",
    "vue",
    "sass"
],
#让prettier使用eslint的代码格式进行校验 
"prettier.eslintIntegration": true,
#去掉代码结尾的分号 
 "prettier.semi": false,
#使用带引号替代双引号 
"prettier.singleQuote": true,
 #让函数(名)和后面的括号之间加个空格
 "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容