<<前端团队规范>>vscode统一配置

统一VS Code工作区配置

{
    "folders": [
        {
            "path": "/Users/insentek/WorkSpace/2020/library-webapp"
        },
        {
            "path": "/Users/insentek/WorkSpace/2020/yike-server"
        },
        {
            "path": "/Users/insentek/WorkSpace/2020/yike-miniprogram"
        },
        {
            "path": "/Users/insentek/WorkSpace/2020/prdops"
        },
        {
            "path": "/Users/insentek/WorkSpace/2020/integrated"
        }
    ],
    "extensions": {
        "recommendations": [
            "formulahendry.auto-close-tag",
            "formulahendry.auto-rename-tag",
            "stevencl.adddoccomments",
            "ms-ceintl.vscode-language-pack-zh-hans",
            "dbaeumer.vscode-eslint",
            "mrcrowl.easy-less",
            "eg2.vscode-npm-script",
            "christian-kohler.npm-intellisense",
            "ronnidc.nunjucks",
            "johnstoncode.svn-scm",
            "eliean.vscode-svn",
            "octref.vetur"
        ]
    },
    "settings": {
        "files.autoSave": "afterDelay",
        "editor.fontSize": 15,
        "editor.lineHeight": 26,
        "explorer.autoReveal": false,
        "editor.fontWeight": "300",
        "editor.formatOnSave": true,
        "editor.fontFamily": "Source Code Pro",
        "workbench.iconTheme": "webstorm-icons",
        "svn.enableProposedApi": "product",
        "files.exclude": {
            "**/.git": true,
            "**/.DS_Store": true,
            "**/*.meta": true,
            ".idea/": true,
            "node_modules/": true,
            "logs/": true,
            "run/": true,
            "**/.classpath": true,
            "**/.project": true,
            "**/.settings": true,
            "**/.factorypath": true
        },
        "workbench.sideBar.location": "left",
        "editor.minimap.enabled": true,
        "svn.showOutput": true,
        "npm.autoDetect": "off",
        "workbench.tree.indent": 20,
        "workbench.tree.renderIndentGuides": "always",
        "workbench.view.alwaysShowHeaderActions": true,
        "emmet.triggerExpansionOnTab": true,
        "editor.quickSuggestionsDelay": 0,
        "editor.detectIndentation": false,
        "workbench.list.openMode": "doubleClick",
        "markdown.preview.doubleClickToSwitchToEditor": true,
        "eslint.validate": [
            "javascript",
            "javascriptreact",
            "html",
            "vue"
        ],
        "eslint.run": "onSave",
        "eslint.format.enable": true,
        "svn.delete.actionForDeletedFiles": "remove",
        "editor.suggestSelection": "first",
        "files.associations": {
            "*.html": "html"
        },
        "[html]": {
            "editor.defaultFormatter": "vscode.html-language-features"
        },
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true
        },
        "window.zoomLevel": 0,
        "vetur.format.options.tabSize": 4,
        "[vue]": {
            "editor.defaultFormatter": "octref.vetur"
        },
        "vetur.format.defaultFormatter.html": "js-beautify-html",
        "vetur.format.defaultFormatter.css": "prettier",
        "vetur.format.defaultFormatter.postcss": "prettier",
        "vetur.format.defaultFormatter.scss": "prettier",
        "vetur.format.defaultFormatter.less": "prettier",
        "vetur.format.defaultFormatter.stylus": "stylus-supremacy",
        "vetur.format.defaultFormatter.js": "none",
        "vetur.format.defaultFormatter.ts": "none",
        "vetur.validation.template": false,
        "vetur.format.defaultFormatterOptions": {
            "js-beautify-html": {
                "wrap_attributes": 0,
                "max_preserve_newlines": 1
            }
        }
    }
}

原文地址:https://www.cnblogs.com/Lewiskycc/p/12118596.html

时间: 2024-10-07 19:00:50

<<前端团队规范>>vscode统一配置的相关文章

if 我是前端团队 Leader,怎么制定前端协作规范?

万字长文,继续刷新我的文章长度记录,涉及前端开发的方方面面.本文将持续更新和完善, 文章部分观点可能比较武断或不完整,欢迎评论和补充,一起完善该文章. 谢谢 笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人),自己就是规范.随着公司业务的扩展,扩充了一些人员,这时候就要开始考虑协作和编码规范问题了.本文记录了笔者在制定前端协作规范时的一些思考,希望能给你们也带来一些帮助. 一个人走的更快,一群人可以走得更远,前提是统一的策略,还要不断地反省和优化. 以下是目录概览, 看出这是一篇浩浩荡荡

前端JavaScript规范

JavaScript规范 目录 类型 对象 数组 字符串 函数 属性 变量 条件表达式和等号 块 注释 空白 逗号 分号 类型转换 命名约定 存取器 构造器 事件 模块 jQuery ES5 兼容性 HTML.CSS.JavaScript分离 使用jsHint 前端工具 类型 原始值: 相当于传值(JavaScript对象都提供了字面量),使用字面量创建对象. string number boolean null undefined var foo = 1, bar = foo; bar = 9

前端开发规范文档(html,css,js)

首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了. 首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的规范都不一样..仅供参考 前端开发规范文档 Html规范 1 代码风格 1.1 缩进 **[强制]**使用 4 个空格作为一个缩进层级,不允许使用 2 个空格或 tab 字符: 2 属性 2.1 属性引号 **[强制]**对于属性的定义使用双引号,不允许使用单引号,不允许不使用引号: 示例: <!-

Miox带你走进动态路由的世界——51信用卡前端团队

写在前面: 有的时候再做大型项目的时候,确实会被复杂的路由逻辑所烦恼,会经常遇到权限问题,路由跳转回退逻辑问题.这几天在网上看到了51信用卡团队开源了一个Miox,可以有效的解决这些痛点,于是乎我就做了一些尝试,确实很不错,star增速也表明了业界对其的认可!由于自己能力有限,不能很好地解读Miox,于是我就把Miox作者的文章给搬过来了,希望对大家有所帮着.(跟作者聊过之后,了解到作者团队开发了2年多,沉淀了很深,后来选择了开源,如果大家觉得好的话,可以去点一下star!) github地址:

web前端开发规范

本文原创,这里首先声明,转载注明本文出处,翻版必究! web前端开发规范的现实意义 1.提高团队的协作能力 2.提高代码的重复利用率 3.可以写出质量更高,效率更好的代码 4.为后期维护提供更好的支持 5.可读性高 一.命名规则 1.html命名规则: a.文件名称命名规则:统一使用小写英文字母.数字.下划线的组合,不得包含汉字空格和特殊字符 2.命名原则:方便理解.方便查找 b.索引文件命名原则:index.html.index.htm.index.asp.index.aspx.index.j

常用html、CSS、javascript前端命名规范

常用html.CSS.javascript前端命名规范 无意发现自己文件夹里面有这么一个文件,具体从哪里来的不记得了,仔细看下,发现总结的挺好的,贴出来分享一下. 无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本

前端开发规范

前端开发规范 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至<系统开发规范>约定的目录中; 2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便后端添加功能时查找对应页面; 3. css文件命名: 英文命名, 后缀

android代码规范和studio配置CodeStyle

studio配置CodeStyle可以很好的帮助我们检测代码规范性,保持大家的代码统一,来看看怎么配置和使用吧 代码规范,自己公司的一套 代码规范 一.      简介 A.    目的 本文提供一整套编写高效可靠的 Java代码的标准.约定和指南.它们以安全可靠的软件工程原则为基础,使代码易于理解.维护和增强.而且,通过遵循这些程序设计标准,你作为一个 Java软件开发者的生产效率会有显著提高.经验证明,若从一开始就花时间编写高质量的代码,则在软件开发阶段,对代码的修改要容易很多.最后,遵循一

前端代码规范1.0

意义:该规范旨在统一前端代码书写,规范前端代码标准,为共同协作打下良好基础,提高工作效率. 文件夹/文件命名 图片文件夹:image,images,img Js代码文件夹:js Css文件夹:css 首页:index. 其他页面根据具体情况来定,可以是中文名,英文名,拼音等,以方面认识为主. 页面框架布局 样式名称 样式名称的规则为根据对应位置的英文来命名.如: 头部:header 导航:nav 页尾:footer 消息:news,message 分页:page, 下拉:select 复选框:c