如何在vscode中开发vue项目时使用eslint

最新推荐文章于 2024-05-14 03:35:46 发布

Ultraman and Monster

最新推荐文章于 2024-05-14 03:35:46 发布

阅读量920

点赞数 2

分类专栏：前端Vue的学习文章标签： vue.js vue

本文链接：https://blog.csdn.net/qq_46159864/article/details/105395898

版权

本文介绍了如何在Visual Studio Code (VSCode) 中为Vue项目配置和使用ESLint进行代码质量检查。首先，在创建Vue项目时通过vue-cli启用eslint。接着，安装VSCode的ESLint插件以增强编辑器功能。然后，进行VSCode的ESLint配置，创建.eslintrc.js文件并设置相关规则。保存文件时，VSCode将自动调用eslint进行代码修复。最后，文章还提到如何关闭eslint的自动检查功能。

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

如何在vscode中开发vue项目时使用eslint

关键字:vscode , eslint, vue-cli

在创建vue项目时选择eslint

在使用

vue create projectName

命令创建项目时，可以启用eslint
在这里插入图片描述

建议使用 ESLint + standard（它的官网地址是https://github.com/standard/standard）

此时，你得到的package.json中会有eslint的相关包的信息:

{
  "devDependencies": {
    "eslint": "^6.7.2",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^4.2.1",
    "eslint-plugin-standard": "^4.0.0",
    "eslint-plugin-vue": "^6.2.2",
  }
}

同时，在项目的根目录下还会有一个.eslintrc.js的文件，内容可能是如下这样：

module.exports =

最低0.47元/天解锁文章

Ultraman and Monster

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何在vscode中开发vue项目时使用eslint

如何在vscode中开发vue项目时使用eslint关键字:vscode , eslint, vue-cli在创建vue项目时选择eslint在使用vue create projectName命令创建项目时，可以启用eslint建议使用 ESLint + standard（它的官网地址是https://github.com/standard/standard）此时，你得到的pac...
复制链接

扫一扫

专栏目录