专栏首页吴文周的专栏前端-团队效率(二)代码规范

前端-团队效率(二)代码规范

团队协作中最重要的一点就是代码规范

  1. 开发规范文档为尺度
  2. vscode编码格式为利刃(文章结尾分享本人使用的vscode配置)
  3. 插件(重要) Beautify css/sass/scss/less,Chinese (Simplified) Language Pack for Visual Studio Code,ESLint,Git History,Git Project Manager,GitLens — Git supercharged,Path Intellisense,Vetur,npm,Live Server,koroFileHeader,Terminal
  4. 插件(不那么重要)Bracket Pair Colorizer,Code Spell Checker,Comment Translate
  5. 其他语言

{

// vscode默认启用了根据文件类型自动设置tabsize的选项

"editor.detectIndentation": false,

// 重新设定tabsize

"editor.tabSize": 2,

// #每次保存的时候自动格式化

"editor.formatOnSave": true,

// #每次保存的时候将代码按eslint格式进行修复

"eslint.autoFixOnSave": true,

// 添加 vue 支持

"eslint.validate": [

"javascript",

"javascriptreact",

{

"language": "vue",

"autoFix": true

}

],

// "javascript.suggest.autoImports": true,

// #让prettier使用eslint的代码格式进行校验

"prettier.eslintIntegration": true,

// #去掉代码结尾的分号

"prettier.semi": false,

// #使用带引号替代双引号

"prettier.singleQuote": true,

// #让函数(名)和后面的括号之间加个空格

"javascript.format.insertSpaceBeforeFunctionParenthesis": true,

// #这个按用户自身习惯选择

"vetur.format.defaultFormatter.html": "js-beautify-html",

// #让vue中的js按编辑器自带的ts格式进行格式化

"vetur.format.defaultFormatter.js": "vscode-typescript",

"vetur.format.defaultFormatterOptions": {

"js-beautify-html": {

"wrap_attributes": "force-aligned"

// #vue组件中html代码格式化样式

}

},

"explorer.confirmDelete": false,

"fileheader.customMade": {

"Description": "描述",

"Author": "吴文周",

"Github": "https://github.com/fodelf",

"Date": "Do not edit", // 文件创建时间(不变)

"LastEditors": "吴文周", // 文件最后编辑者

"LastEditTime": "Do not edit" // 文件最后编辑时间

},

// 函数注释

"fileheader.cursorMode": {

"name": "默认名称",

"description": "默认描述",

"param {type}": "默认参数",

"return {type}": "默认类型",

},

// 将该选项设置为true即可开启

"fileheader.configObj": {

"autoAdd": true,

},

"files.associations": {

"*.cjson": "jsonc",

"*.wxss": "css",

"*.wxs": "javascript",

"*.vue": "vue"

},

"editor.suggestSelection": "first",

"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",

"[javascript]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},

// "npm-intellisense.scanDevDependencies": true,

// "npm-intellisense.importES6": true,

// "npm-intellisense.importQuotes": "'",

// "npm-intellisense.importLinebreak": ";\r\n",

// "npm-intellisense.importDeclarationType": "const",

}

{  // vscode默认启用了根据文件类型自动设置tabsize的选项  "editor.detectIndentation": false,  // 重新设定tabsize  "editor.tabSize": 2,  // #每次保存的时候自动格式化   "editor.formatOnSave": true,  // #每次保存的时候将代码按eslint格式进行修复  "eslint.autoFixOnSave": true,  // 添加 vue 支持  "eslint.validate": [    "javascript",    "javascriptreact",    {      "language": "vue",      "autoFix": true    }  ],  // "javascript.suggest.autoImports": true,  //  #让prettier使用eslint的代码格式进行校验   "prettier.eslintIntegration": true,  //  #去掉代码结尾的分号   "prettier.semi": false,  //  #使用带引号替代双引号   "prettier.singleQuote": true,  //  #让函数(名)和后面的括号之间加个空格  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,  // #这个按用户自身习惯选择   "vetur.format.defaultFormatter.html": "js-beautify-html",  // #让vue中的js按编辑器自带的ts格式进行格式化   "vetur.format.defaultFormatter.js": "vscode-typescript",  "vetur.format.defaultFormatterOptions": {    "js-beautify-html": {      "wrap_attributes": "force-aligned"      // #vue组件中html代码格式化样式    }  },  "explorer.confirmDelete": false,  "fileheader.customMade": {    "Description": "描述",    "Author": "吴文周",    "Github": "https://github.com/fodelf",    "Date": "Do not edit", // 文件创建时间(不变)    "LastEditors": "吴文周", // 文件最后编辑者    "LastEditTime": "Do not edit" // 文件最后编辑时间  },  // 函数注释   "fileheader.cursorMode": {    "name": "默认名称",    "description": "默认描述",    "param {type}": "默认参数",    "return {type}": "默认类型",  },  // 将该选项设置为true即可开启  "fileheader.configObj": {    "autoAdd": true,  },  "files.associations": {    "*.cjson": "jsonc",    "*.wxss": "css",    "*.wxs": "javascript",    "*.vue": "vue"  },  "editor.suggestSelection": "first",  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",  "[javascript]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  // "npm-intellisense.scanDevDependencies": true,  // "npm-intellisense.importES6": true,  // "npm-intellisense.importQuotes": "'",  // "npm-intellisense.importLinebreak": ";\r\n",  // "npm-intellisense.importDeclarationType": "const",}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • CocoaPods 使用总结

    CocoaPods 是专门为 iOS 工程提供第三方依赖库的管理工具,通过 CocoaPods,我们可以更方便地管理每个第三方库的版本,而且不需要我们做太多的配...

    s_在路上
  • 写 Java 这么久了,来编译个 JDK 玩玩儿吧

    你每天写的 Java 代码都需要 JDK 的支持,都要跑在 JVM 上,难道你就不好奇 JDK 长什么样子吗。好奇,就来编译并实现一个自己的 JDK 吧。

    古时的风筝
  • 使用 Xamarin 在 iOS 真机上部署应用进行调试

    虽然 Xamarin 可以在 Windows 操作系统上编写和调试,但如果开发 iOS 应用,那么我们依然需要一台安装有 XCode 和 ...

    walterlv
  • 使用 Xamarin 开发 iOS 应用中需要注意的若干个问题

    本文收集整理使用 Xamarin 开发 iOS 应用时可能会遇到的各种问题。

    walterlv
  • Mac小技巧 增强快速预览功能

    默认在 mac 上是在文件上按空格键预览,但是这个预览的功能特别的简陋,预览个 php 这类文件没有高亮,json 之类的文件更惨直接就没法预览

    风清醉
  • iOS开发:Xcode自带的模拟器常用快捷键的使用

    在iOS开发过程中,为了方便起见在测试程序的效果的时候,开发者会使用Xcode自带模拟器进行操作,而且Xcode自带的手机模拟器包含了苹果的所有最新的手机型号尺...

    三掌柜
  • IDEA主题美化

    IntelliJ IDEA主要用于支持 Java、Scala、Groovy 等语言的开发工具,同时具备支持目前主流的技术和框架,擅长于企业应用、移动应用和 We...

    用代码征服天下
  • 使用Python扩展lldb

    Xcode集成了LLDB,进一步简化了程序调试流程。虽然LLDB很强大,但是它的命令很有限。所幸的是,lldb包含了对python的支持,使得lldb的拓展成为...

    用户2398817
  • 清明节加班最多,近三成码农用两种及以上语言编程,这是15000名中国码农的日常

    这份白皮书由国内智能编程机器人公司 aiXcoder (www.aixcoder.com)联合机器之心发布。aiXcoder 是利用智能化技术进行「程序代码的自...

    机器之心

扫码关注云+社区

领取腾讯云代金券