sublime 配置eslint

最新推荐文章于 2024-08-26 07:26:40 发布
最新推荐文章于 2024-08-26 07:26:40 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MessageBox_/article/details/82115559
版权
本文介绍了如何在Sublime Text中配置ESLint，包括安装sublimeLinter和sublimeLinter-eslint插件，以及如何设置配置文件以避免控制台错误。提供了一个已验证的工作配置示例，并提到可以通过创建.eslintrc.js或.eslintrc.json文件来自定义语法检测规则，建议参考官方文档以了解详细配置。
摘要由CSDN通过智能技术生成

sublime 配置eslint

sublime支持eslint检查需要安装如下两个插件，sublimeLinter和sublineLinter-eslint

CTRL + SHIFT + P 然后搜索上面的两个插件安装即可

之后在preferences->package-settings->SublimeLinter->settings中，添加如下配置

// SublimeLinter Settings - User
{
    "debug": true,
    "delay": 0.25,    
    "gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",    
    "lint_mode": "load_save",
    "linters": {
        "eslint": {
            "@disable": false,
            "args": [],
            "excludes": []
        },
        "eslint_d": {
            "@disable": false,
            "args": [],
            "excludes": []
        }
    },    
    "no_column_highlights_line": false,    
    "paths": {
        "linux": [],
        "osx": [],
        "windows": []//此处不用写目录默认会找到
    },        
    "show_marks_in_minimap": true,
    "syntax_map": {
        "html (django)": "html",
        "html (rails)": "html",
        "html 5": "html",
        "javascript (babel)": "javascript",
        "magicpython": "python",
        "php": "html",
        "python django": "
最低0.47元/天 解锁文章
izwell
关注
专栏目录
sublime text3 配置eslint
qq_41494464的博客
01-14 1013
sublime text3 配置eslint 1.环境说明 node @>6.14 全局安装 npm i eslint 2.下载插件 sublimelinter sublimelinter-eslint 3.配置插件 Preferences -> Package Setting -> SublimeLinter -> setting 打开后在user里做如下配置 //...
sublime整合eslint
05-20
sublime下整合eslint，里面有详细的配置过程、规则描述还有sublime text3 使用的插件包。
sublime 集成 ESLint
热门推荐
lj745280746的专栏
11-05 1万+
sublime集成ESlint需要安装两个插件SublimeLinter、SublimeLinter-eslint才能正常使用 （插件目录名是SublimeLinter3，默认gutter_theme路径配置是SublimeLinter，这两个需要保持统一，否则启动时会报错）安装后修改SublimeLinter配置文件：{ "user": { "debug": false,
深入解析 ESLint 配置：从零到精通
m0_70066267的博客
08-07 2142
ESLint 是一个开源的 JavaScript 代码检查工具，旨在帮助开发者避免在编写代码时犯下常见错误，同时保持代码风格的一致性。它能够检测诸如未使用的变量、重复的参数、不规范的命名等潜在问题，并提供修复建议。。ESLint 是一个功能强大的代码检查工具，它可以帮助你避免常见的编程错误，并保持代码风格的一致性。通过合理配置 ESLint，你可以提高代码质量，减少潜在的错误，并促进团队成员之间的协作。本文介绍了 ESLint 的安装、配置文件格式、常用配置选项以及如何在项目中实际使用 ESLint。
sublime3使用ESLint
漫游学海之旅
01-03 5700
许多刚开始使用Sublime的同学可能都抱怨过为什么没有语法错误提示功能。像WebStorm，输入的语法错误在程序被编译之前就被编辑器提示出来，这样会在一定程度上提高开发的效率。而Sublime似乎不会提示语法错误或是简单的拼写错误，比如误用了中文符号，对象的属性之间忘记用逗号隔开等等一些低级错误；我们必须每次编译后才知晓这些错误，这样会将我们的部分精力和时间浪费在一次次地修改这些低级错误上，从而
SublimeLinter-eslint 安装与配置指南
最新发布
gitblog_00486的博客
08-26 652
SublimeLinter-eslint 安装与配置指南 SublimeLinter-eslint项目地址:https://gitcode.com/gh_mirrors/subl/SublimeLinter-eslint 1. 项目目录结构及介绍 SublimeLinter-eslint 是一个专为 Sublime Text 设计的插件，用于通过 ESLint 静态代码分析工具来检查 JavaS...
Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查
weixin_33898233的博客
12-19 241
安装Package Control   Sublime安装插件有两种方式，一种是直接下载安装包解压缩到Packages目录，另一种是通过Package Control组件来安装组件，后者更加的方便。 打开Sublime，按control + ` 打开控制台，粘贴如下代码到命令行并回车； import urllib.request,os; ...
webstorm中配置Eslint的两种方式及差异比较详解
10-17
在WebStorm中配置ESLint是前端开发者为了保持代码风格一致性和提高代码质量的重要步骤。本文将详细介绍两种在WebStorm中配置ESLint的方式及其差异。 ### 方式一：使用WebStorm内置ESLint WebStorm作为一款强大的...
Sublime3集成ESLint
pxy_lele的专栏
12-26 2287
据说有不止一种集成ESLint的方式，这里只介绍使用NodeJS的方式，不要问我为什么，因为其他方式我还没尝试。。。 1.      现有NodeJS环境，它是javascript的运行时环境。类似于JVM 2.      随同NodeJS一起安装的是NPM，它是NodeJS的包管理工具。类似于Maven。 安装ESLint 1.      打开命令行窗口，执行npm install es
推荐神器：SublimeLinter-eslint —— 提升前端编码质量的得力助手
gitblog_00021的博客
04-11 313
推荐神器：SublimeLinter-eslint —— 提升前端编码质量的得力助手 SublimeLinter-eslint项目地址:https://gitcode.com/gh_mirrors/subl/SublimeLinter-eslint 在前端开发的世界里，代码质量和一致性至关重要。 是一款基于 Sublime Text 的插件，它整合了流行的 ESLint 工具，帮助开发者实时检测...
SublimeLinter 配置 JS CSS HTML 语法检查（2020最新！！！）
qq_39546227的博客
02-19 238
1. 下载安装 Nodejs 1.1. 官网下载 官网地址 https://nodejs.org/en/download/ 1.2. 安装 点击 msi 文件安装，详细安装过程可参考此博客。 1.3. 测试 在控制台下输入node -v和npm -v检测安装是否成功。 2. npm 安装代码检查工具 在控制台下依次输入以下命令安装 JavaScript、CSS 和 HTML 的代码检查工具（第三...
sublime中如何添加Eslint
qingliuFu的博客
05-29 954
这里使用的是局部安装，即只在本项目的文件夹下安装1、使用git bash，输入命令mkdir exercise，创建一个文件夹2、输入npm install eslint --save-dev，运行完毕后，在该目录下会生成一个node_modules文件夹和package-lock.json3、输入 ./node_modules/.bin/eslint --init然后就可以运行ESlint了，这...
Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查(实用)
淡风wisdon－大大的博客
03-14 7634
Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查 Sublime安装插件有两种方式：　　 1.直接下载安装包解压缩到Packages目录，　　 2.通过Package Control组件来安装组件，后者更加的方便。 1.安装Package Control 　　很简单，百度一搜基本都有。 2.安装SublimeLinter   ...
Sublime配置
magoaliang1的博客
06-15 424
有关verilog开发的sublime编辑器配置
Sublime Text 中配置 Eslint 代码检查和自动修复
weixin_33836223的博客
10-10 340
前言 第一次运行 Vue 项目时被浏览器中满屏的 ESLint 报错给吓到了，果断禁用了该功能！ 再之后找了个时间认真的了解了一下 ESLint，终于有了一些概念。简单来说，ESLint 就是一个整合了编码规范和检测功能的工具。以前说的那些规范（html，css，js 等规范）都是让你自己主动去学习，去遵守，现在 ESLint 帮助你检测你的代码是否符合你自己设定好的规范。 官网上的说明： ES...
eslint自动检测_Sublime Text 中配置 Eslint 代码检查和自动修复
weixin_39974557的博客
02-06 314
前言第一次运行 Vue 项目时被浏览器中满屏的 ESLint 报错给吓到了，果断禁用了该功能！再之后找了个时间认真的了解了一下 ESLint，终于有了一些概念。简单来说，ESLint 就是一个整合了编码规范和检测功能的工具。以前说的那些规范(html，css，js 等规范)都是让你自己主动去学习，去遵守，现在 ESLint 帮助你检测你的代码是否符合你自己设定好的规范。官网上的说明：ESLint ...
sublime php 代码校验,Sublime Text下配置SublimeLinter进行PHP代码检查
weixin_39731807的博客
04-13 311
SublimeLinter 是前端编码利器——Sublime Text 的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。SublimeLinter的主页地址https://github.com/SublimeLinter/SublimeLinter安装SublimeLinte...
配置sumlime html,Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查
weixin_42315338的博客
06-07 291
Sublime安装插件有两种方式，一种是直接下载安装包解压缩到Packages目录，另一种是通过Package Control组件来安装组件，后者更加的方便。打开Sublime，按control + ` 打开控制台，粘贴如下代码到命令行并回车；import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = subl...
如何配置eslint
08-24
要配置 ESLint，您需要遵循以下步骤： 1. 在项目中安装 ESLint：运行以下命令安装 ESLint： ``` npm install eslint --save-dev ``` 2. 初始化 ESLint：运行以下命令以初始化 ESLint 配置文件： ``` npx eslint --init ``` 此命令将提示您选择一些配置选项，并在项目中生成一个 `.eslintrc` 文件。 3. 配置规则：在生成的 `.eslintrc` 文件中，您可以配置各种 ESLint 规则。您可以根据自己的需要启用、禁用和自定义这些规则。您还可以在 `.eslintrc` 文件中指定要检查的文件和目录。 4. 配置编辑器：要使 ESLint 在代码编辑期间自动检查问题，您可以将编辑器配置为与 ESLint 集成。大多数常见的代码编辑器（如 Visual Studio Code、Sublime Text 和 Atom）都有相应的插件或扩展可用，可以与 ESLint 集成。 这些是配置 ESLint 的基本步骤。您可以根据项目的具体需求和团队的编码规范进行进一步的配置和自定义。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值