Eslint插件和Eslint依赖包的关系

最新推荐文章于 2024-03-11 16:50:04 发布

weixin_39523679

最新推荐文章于 2024-03-11 16:50:04 发布

阅读量738

点赞数

文章标签： vscode

本文链接：https://blog.csdn.net/weixin_39523679/article/details/120279337

版权

本文探讨了Eslint插件与Eslint依赖包的区别和作用。在仅安装Eslint插件的情况下，代码格式化未生效。通过在vscode设置中配置Eslint，保存代码时自动应用了四个空格的缩进，揭示了Eslint依赖对于实现代码规范化的必要性。

摘要由CSDN通过智能技术生成

公司里做项目之前只在vscode上面安装了Eslint插件，后来团队成员告诉我还需要安装Eslint依赖，那不安装Eslint依赖之前的Eslint插件起了什么作用，安装了Eslint依赖之后又增加了什么功能，这个问题其实我一直没有想的太明白，那还是找一个空项目从头试一下吧, 具体操作步骤如下：

1. 先将Vscode中将格式化代码有关的插件屏蔽掉，只保留Eslint

2. 在编辑器中敲几行代码，点击保存，这个时候代码格式化没有起作用。

3. 在vscode的setting.json 中进行设置，再保存上述代码，会发现所有代码都缩进了四个空格。

{
   //配置eslint
   "editor.formatOnSave": true,
   // 添加vue支持
   "eslint.validate": [
      "javascript",
      "javascriptreact",
      "html",
      "vue"
   ],
   // 保存后自动修复格式
   "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
   },
   "files.autoSave": "off",
   "eslint.options": {
      "plugins": [
         "html"
      ]
   }
}