从零开始,用elementui躺坑vue - ESLint

程序是写给人读的,只是偶尔让计算机执行一下。就执行而言,计算机只关心对错,但是就团队协作而言,风格一致且优雅的代码,会让人看上去赏心悦目(痛哭流涕)。因此,确定编码风格,就尤为重要

在此,小编推荐使用VSCode进行编码,使用插件eslint编写vue,绝对会让你体验飞一般的感觉。结合vue官方代码风格指南,让我们编写可维护的高质量代码

附:vue风格指南

从零开始,用elementui躺坑vue - ESLint_第1张图片

1. 安装插件

从零开始,用elementui躺坑vue - ESLint_第2张图片

2. 配置文件

从零开始,用elementui躺坑vue - ESLint_第3张图片

3. 更改配置文件

从零开始,用elementui躺坑vue - ESLint_第4张图片

  {
    "window.zoomLevel": 1,
    "workbench.startupEditor": "welcomePage",
    "git.enableSmartCommit": true,
    "javascript.updateImportsOnFileMove.enabled": "never",
    "eslint.autoFixOnSave": true, 
    "eslint.validate": [ 
        "javascript",{ 
            "language": "vue", 
            "autoFix": true 
        },"html", 
        "vue" 
    ]
}

配置完成后,每次编辑完成,只需要Ctrl + C,即可自动格式化代码,赏心悦目。

VSCode插件推荐

VSCode插件推荐

参考文献:

  1. vue风格指南
  2. 如何编写可维护的优雅代码
  3. 编写可维护的javascript

你可能感兴趣的:(vue.js,eslint,eslint-rule)