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

高志鹏

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

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

附:vue风格指南

1. 安装插件

2. 配置文件

3. 更改配置文件

  {
    "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
阅读 1.3k

大前世界
趣味横生JS,与你享受快乐学习
115 声望
2 粉丝
0 条评论
115 声望
2 粉丝
文章目录
宣传栏