sublime text3 配置eslint

最新推荐文章于 2021-02-06 18:30:34 发布
最新推荐文章于 2021-02-06 18:30:34 发布
阅读量1k 收藏 2
点赞数 1
分类专栏： vue 文章标签： sublime text3 eslint
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41494464/article/details/86470153
版权
本文详细介绍了如何在Sublime Text3中配置和使用Eslint，包括环境要求、插件下载与安装、配置设置、自动提示、自动修复功能以及针对Vue项目的特别配置和错误解决方法。
摘要由CSDN通过智能技术生成

sublime text3 配置eslint

1.环境说明

node @>6.14
全局安装 npm i eslint

2.下载插件

  • sublimelinter
  • sublimelinter-eslint

3.配置插件

Preferences -> Package Setting -> SublimeLinter -> setting 打开后在user里做如下配置


// SublimeLinter Settings - User
{
	"debug": true,
    "delay": 0.1,
    "lint_mode": "manual",
    // "syntax_map": {
    //     "html (django)": "html",
    //     "html (rails)": "html",
    //     "html 5": "html",
    //     "css": "css",
    //     "javascript (babel)": "javascript",
    //     "magicpython": "python",
    //     "php": "html",
    //     "python django": "python",
    //
最低0.47元/天 解锁文章
csyz12138
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
eslint+sublime text 3 配置和使用（全）
小青蛙的博客
12-28 2052
1.全局安装ESlint cnpm install eslint -g 2.在项目目录初始化.eslintrc.js配置文件 D:\me\web\case03\kdew_internet_website>eslint --init ? How would you like to configure ESLint? Answer questions about your style ? Wh...
sublime整合eslint
05-20
sublime下整合eslint，里面有详细的配置过程、规则描述还有sublime text3 使用的插件包。
Sublime Text3 ESlint配置和Standard配置
aeoliancrazy的博客
04-28 2759
Sublime Text3 ESlint配置 一、预装环境及配置 Node环境必备 全局安装ESlint npm install eslint -g 进入自己的项目目录初始化ESlint 根据所回答的问题生成对应的样式 第一种情况配置完成 此时会在你的js目录下生成一个.eslintrc.js文件，此文件是ESlint的相关规则的配置文件，里面只有根据你刚才回答问题所生...
Sublime text 3 配置 ESLint
alpha_xiao的博客
05-06 436
参考博文：http://keelii.com/2017/04/29/sublime-text-3-configure-eslint/ 安装环境 Windows 10 Sublime text 3 Build 3207 Node.js v6.9.5 Yarn 0.23.2 (可用 npm 代替) 安装 ESLint 到你的项目根目录生成一个 package.json 文件，如果没有使用...
Windows 下 Sublime Text 3 + EsLinter 的使用
Szh
03-09 369
配置啥的真的挺烦的, 写篇文章供大家参考 首发网址: http://szhshp.org 最后更新： 2018-03-09 ESLint 很有名的一款JS代码规范检查用的插件 安装 首先需要npm, 这个没有外部·executable program·的结合是无法使用的 安装eslint, 建议全局安装, 省去一些不必要的麻烦: npm...
sublime3 eslint 安装
weixin_33809981的博客
03-09 105
PS: sublime2 -> sublime3 倒腾蛮久, 之前都是用的jslinter，为了让小伙伴们少倒腾，备忘下。 Sublime & Eslinter 预安装 node, npm Install Sublime Sublime官网 安装插件: Eslint SublimeLi...
配置完善的正宗Sublime Text3
10-20
安装Sublime Text3后，我们需要进行一些配置以使其更加符合个人习惯。这包括但不限于安装主题、调整字体大小和样式、设置快捷键、以及安装和配置插件。例如，通过Package Control插件管理器，我们可以轻松安装如...
sublime:我的Sublime Text 3配置
05-21
在"我的Sublime Text 3配置"中，我们可以推测用户分享了个人化的设置和配置，可能包括主题、代码高亮、快捷键绑定、增强功能插件等，以便于提升编程效率和舒适度。 JavaScript是一种广泛用于Web开发的动态编程语言...
JavaScript中使用ESLint 说明规则
菜菜程序员
04-20 5604
如何使用 安装 npm install -g eslint 如果你第一次使用 ESLint，你必须使用 –init 命令新建一个配置文件： eslint --init 使用 ESLint 检测任何 JavaScript 文件： eslint test.js test2.js ESLint 中一些规则运行命令它可以帮你自动修复 eslint test.js
SublimeText插件eslint : 语法检测
weixin_33749131的博客
06-19 166
参考：http://www.tuicool.com/articles/faANRvj 安装之后的效果： 误用了=，在文件保存时就会被提示，直接顺手改掉就行了，方便的不行 步骤1：Sublime集成ESLint需要两个插件SublimeLinter和SublimeLinter-contrib-eslint；直接在Package Controll中安装就...
eslint自动检测_Sublime Text 中配置 Eslint 代码检查和自动修复
weixin_39974557的博客
02-06 314
前言第一次运行 Vue 项目时被浏览器中满屏的 ESLint 报错给吓到了，果断禁用了该功能！再之后找了个时间认真的了解了一下 ESLint，终于有了一些概念。简单来说，ESLint 就是一个整合了编码规范和检测功能的工具。以前说的那些规范(html，css，js 等规范)都是让你自己主动去学习，去遵守，现在 ESLint 帮助你检测你的代码是否符合你自己设定好的规范。官网上的说明：ESLint ...
Sublime Eslint代码规范检查 插件
Oscaner
02-04 8544
需要用到npm，如果没装过npm，请看我的另一篇文章 http://blog.csdn.net/u014027680/article/details/79237586 Eslint安装 这个是nodejs环境下的eslint工具，没有这个的话sublime就是通过调用这个来进行eslint检查的 $ npm install eslint -g # 或者 $ cnpm install e
sublime 集成 ESLint
热门推荐
lj745280746的专栏
11-05 1万+
sublime集成ESlint需要安装两个插件SublimeLinter、SublimeLinter-eslint才能正常使用 （插件目录名是SublimeLinter3，默认gutter_theme路径配置是SublimeLinter，这两个需要保持统一，否则启动时会报错）安装后修改SublimeLinter配置文件：{ "user": { "debug": false,
Sublime ESLintAutoFix
a324539017的专栏
12-04 1905
安装插件 ESLintAutoFix配置 eslint 路径{ "eslint_path": "/usr/local/bin/", "show_panel": true }使用 快捷键，默认 super+shift+, 右键菜单 效果图更多信息https://github.com/alex-mm/eslintAutoFix
SublimeText3配置
lxfHaHaHa的博客
07-21 1002
1. 原料 sublime3下载地址 MinGW.zip 55 2. 介绍 Sublime Text是一个灰常好用的超级文本编辑器，比同类的notepad++、UltraEdit好看的，，自我感觉好看多了，，咳，咳，，可以安装各种插件，配置好之后，无论是coding还是writing，都是爽的一批 3.配置步骤 1. 破解
Web相关：Sublime如何安装ESLint插件？
DecadeScript's Notes
04-01 6745
论良好的编码风格的重要性。ESLint为何物？简单的说，它跟jshint类似，都是对JavaScript代码进行语法的检测，但是它提供了更好的扩展性与更丰富的检测机制。Airbnb JavaScript Style Airbnb的编码风格在社区内公认是比较好的。如何安装第一步通过npm安装ESLint和eslint-config-airbnnpm install --save-dev eslint-
sublime text3 eslint 安装教程
weixin_34001430的博客
04-09 122
准备工作： sublime text3 编辑器 sublime text3安装走起 node环境得支持 node安装走起 ESlint规范 ESlint配置详细说明 开始安装 以上都安装完毕的时候，那么进行安装全局的eslint sudo npm install eslint -g 如果你是首次安装或者使用eslint的话，您可...
Vue项目中使用eslint的笔录，编辑器采用sublime3
weixin_34380296的博客
06-14 495
一、前言 本文主要针对编辑器是sublime的vue项目进行eslint代码规范。 Javascript 是一门弱类型语言，所以语法检查变得尤为重要。虽然有很多前端IDE开发工具，可以很好地帮助我们提示在编写时的错误，但是大多数开发者还是使用的像 Sublime Text、Visual Studio Code 之类的轻量级编辑器，这导致在...
如何配置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、付费专栏及课程。

余额充值