首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Sublime Text 3使用Javascript和ESLint的语法着色问题

Sublime Text 3是一款流行的文本编辑器,它支持多种编程语言的语法着色。对于使用Javascript和ESLint的语法着色问题,可以按照以下步骤进行设置:

  1. 打开Sublime Text 3,点击菜单栏中的 "Preferences"(首选项)选项,然后选择 "Package Control"(包管理器)。
  2. 在弹出的输入框中,输入 "Install Package"(安装包)并选择该选项,等待一段时间,直到安装完成。
  3. 安装完成后,再次点击菜单栏中的 "Preferences"(首选项)选项,然后选择 "Package Control"(包管理器)。
  4. 在弹出的输入框中,输入 "Package Control: Install Package"(包管理器:安装包)并选择该选项。
  5. 在弹出的输入框中,输入 "SublimeLinter" 并选择该选项进行安装,等待安装完成。
  6. 安装完成后,再次点击菜单栏中的 "Preferences"(首选项)选项,然后选择 "Package Settings"(包设置)。
  7. 在弹出的选项中,选择 "SublimeLinter",然后选择 "Settings"(设置)。
  8. 在打开的配置文件中,找到 "linters"(检查器)部分,并添加以下配置:
代码语言:txt
复制
"linters": {
    "javascript": {
        "disable": false,
        "args": [],
        "excludes": []
    }
}
  1. 保存配置文件并关闭。
  2. 重新打开Javascript文件,Sublime Text 3将会自动进行语法着色,并根据ESLint的规则进行代码检查。

对于更高级的语法着色问题,可以考虑安装其他相关的插件,例如 "Babel"(用于支持ES6+语法)或 "React"(用于支持React框架)等。

此外,腾讯云也提供了一系列与云计算相关的产品,例如云服务器、云数据库、云存储等。具体可以参考腾讯云官方网站的相关产品介绍页面:https://cloud.tencent.com/product

请注意,以上答案仅供参考,具体的配置和插件选择可能因个人需求和偏好而有所不同。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

sublime text3使用

本文介绍sublime text3使用,至于安装请参考我文章Sublime Text3+Golang搭建开发环境 这里以3.143版本为例。 1.自定义字体: ? 跳出窗口,进行修改。 ?...2.sublime插件 官方提供了很多插件:https://packagecontrol.io ? 由于这些插件安装都需要安装插件管理包package control。...BracketHighlighter 插件高亮显示匹配括号、引号标签。 LESS 插件语法高亮显示 sublime-less2css 插件将less文件编译成css文件。...,再次 Ctrl + D 选择该词出现下一个位置,在多重选词过程中,使用 Ctrl + K 进行跳过,使用 Ctrl + U 进行回退,使用 Esc 退出多重编辑 Ctrl + Shift + L...将当前选中区域打散 Ctrl + J 把当前选中区域合并为一行 Ctrl + M 在起始括号结尾括号间切换 Ctrl + Shift + M 快速选择括号间内容 Ctrl + Shift

84140

Windows 下 Sublime Text 3 + EsLinter 使用

ESLint 安装 SublimeLinter Sublime 端配置 03月12日 更新: 关于AirbnbLinter规则使用 03月22日 更新: 关于如何重载预设规则 配置啥真的挺烦..., 写篇文章供大家参考 ESLint 很有名一款 JS 代码规范检查用插件 安装 首先需要 npm, 这个没有外部·executable program·结合是无法使用 ---- 安装...eslint, 这里全局安装, 因为后期 Sublime 会用绝对 Path, 可以省去一些不必要麻烦: npm install -g eslint ---- 安装完成后测试一下: eslint -v...---- Linter 使用必须要配置文件, 我们可以在根目录创建一个新配置文件, 跟着指导一步一步操作即可 eslint --init ---- 然后可以对某 JS 文件进行测试, 看到正确输出错误信息...SublimeLinter 比较烦Sublime Text 方面的配置 这里用是 ST 3.0 版本 首先下载两个 Package: SublimeLinter SublimeLinter-eslint

65720

教你如何解决Sublime Text 3使用中出现中文乱码问题

Sublime Text 3 是一个非常不错源代码及文本编辑器,但是不支持GB2312GBK编码在很多情况下会非常麻烦。...不过Sublime Package Control所提供插件可以让Sublime Text 3几乎完美地支持CJK编码文本。 ? 首先安装Sublime Package Control。...Packages文件夹; 3、下载并将下载 Package Control.sublime-package 拷贝到Installed Packages文件夹; (注意此处是Installed Packages...4、重启Sublime Text 。 ? 然后使用 Ctrl+Shift+P 打开命令行模式,在里面输入Install Package回车后即可搜索需要Package。...一般需要使用Package是“ConvertToUTF8”“GBK Encoding Support”, 在搜索框中输入ConvertToUTF8 后回车,同样在搜索框中输入 GBK Encoding

2.1K30

Sublime text 3 中Package Control 安装与使用方法

sublime text 3更新python函数,说白了就是API不同了,导致基于python开发插件很多都不能工作”。...插播:代码编辑器Sublime Text 3 免费使用方法与简体中文汉化包下载 5月4日更新:最新安装方式如下: 通过 ctrl+` 快捷键或者 View > Show Console菜单打开控制台,复制粘贴回车如下代码即可...2、打开sublime text 3编辑器,在菜单->preferences->Package Settingspackage control选项,就说明安装package control成功了。...因为sublime text 3正式版还未发布,又更新了API,所以sublime text 3相对插件来说和sublime text 2是两个东西,点击查看,在此列表中可以查看能在sublime text...3中工作插件,少之又少,所以依赖现在插件工作朋友不建议更新到sublime text 3

2.4K80

Sublime Text 3 提高工作效率使用技巧

Sublime Text 3对于Sublime Text 2压倒性优势就是秒启动,启动非常非常快,所以从2012年到2016年我一直用Sublime Text 2,但是安装了3并且启动试用后,我再也不愿意打开...经过多年使用,总结了一些Sublime Text使用技巧。 一、常用使用技巧。 0、Ctrl + P 匹配项目中文件,然后快速跳转到文件中。...二、挑选顺手插件 Sublime Text 有强大可扩展性,可以根据自己需要安装不同插件,这样她就会变得更加强大了。Sublime Text 3具有两种插件安装方式。...完成之后我安装了自己最常用一个插件: Emmet(Zend Coding)它使用方式可以参考我之前一篇博客 Sublime Text 2 以及 Zen Coding。...参考资料: 1、如何优雅使用SublimeText 2、Sublime Text Package Control 3Sublime Text 3 插件:增强篇 3、20个强大Sublime Text

2.9K40

Eslint相关知识配置大全

代码检查是一种静态分析,常用于寻找有问题模式或者代码,并且不依赖于具体编码风格。 ESLint 可以让程序员在编码过程中发现问题而不是在执行过程中。...编辑器校验配置 用sublime做vue组件校验时,虽然各种插件都安装了,但依然是没有效果,最多是用js语法校验.vue组件,这是不行。...不知道是不是我配置有问题,导致不能用vue组件语法进行校验,所以这里放弃了使用sublime。 本文推荐大家使用vscode作为自己新IDE。...功能丰富、强大,配置简单,会自动根据你打开文件推荐安装有用插件。还可以同步sublime等编辑器操作习惯比如快捷键等。有着方便语法库提示。...左侧会显示语法错误数是否修改了此文件, 右侧会波浪线显示语法错误地方。 有时会遇到保存一次修复不完全情况,多保存几次即可修复大部分语法。对于敲一会代码保存一下可以不用担心这个问题

1.8K30

【干货】前端开发者最常用六款IDE

图片.png 三、sublime text3 下载地址:http://www.sublimetext.com/ 功能介绍: sublime text是一个轻量级编辑器,也是支持各种编程语言,sublime...text所有的强大功能都是支持插件,而且快捷键十分好用,可以极大减少开发劳动程度,使用sublime就是要使用其快捷键插件。...sublime text3优点轻量级但是功能强大,优雅小巧启动速度快,有着丰富第三方支持,能够满足各种各样扩展缺点是对于项目的管理等不是很方便,但代码提示不如hubuilder强大。 ?...平易近人,但可删节核心工具定制做任何事,也可以使用有效不沾一个配置文件。为开源而生。 具有简洁直观图形用户界面,并有很多有趣特点:支持CSS,HTML,JavaScript等网页编程语言。...坚持总结工作中遇到技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

4K50

vscode 前端最佳插件配置

边写正则边看结果 【全局】 Prettier 格式化,全世界都在使用Prettier来统一风格【局部】** Eslint Js 语法检测 【全局】 Tslint Typescript...Sublime Text Keymap 启用sublimeText快捷键配置 (sublimeText老用户学着去适应Vscode快捷键吧) Visual Studio IntelliCode 支持...引用,并排序: shift + alt + o // 使用 shirt + alt + F 进行格式化时,先执行编辑器格式化规则,然后执行 eslint tslint 等其他插件格式化规则。...配置 java.home 为刚刚安装 openJDK11 位置 // 3....配置) 3. react 项目,额外配置 react项目(使用 npx create-react-app my-app 创建),有时会发现eslint检验规则不生效,此时在当前项目,需要额外安装2

5.4K20

一统江湖大前端(5)editorconfig + eslint——你代码里藏着你优雅

,Vscode等统统都支持) 权重高于编辑器内部格式设定 配置项一共就8个 eslint javascript语法风格检查工具 javascript静态检查工具 支持es6,JSX, AngularJs...使用方法 eslintRules规则集包含近200条javascript编码规则,可以帮助我们检查编程中语法错误,以及对一些指定最佳实践进行限制,减少整个工程中奇葩代码片段各种奇技淫巧,为开发者提供...3.手动使用eslint进行语法检查 在包含.eslintrc文件目录下,用一个简易函数来测试eslint校验功能,如下所示可以看到,规则集中配置对强制使用全等禁止使用默认alert类提示限制在...六.大史其他压箱底宝贝 有了editorconfigeslint,协作开发中问题就能解决吗?当然没那么简单。正所谓优秀代码千篇一律,丑陋代码各有风骚。...七.后记——修炼 写代码是一种修行,是一个精益求精过程,被动约束检查并不能解决所有的问题,毕竟没有语法错误优雅代码之间还是有距离

1.2K30

前端代码乱糟糟?是时候引入代码质量检查工具了

然而也并算完美,至少能用就行 在Sublime,Webstorm或其他编辑器IDE中使用这些工具前提: 安装NodeJS,然后使用NPM在全局安装以下依赖包 npm i -g eslint babel-eslint...ESLint StyleLint 工具提供了自动修复功能,可以修复简单错误如少了分号,多了空格,缩进不正确等 但要注意是,自动修复某些时候可能会使代码发生逻辑或语法错误,需谨慎使用(自动修复后一定一定一定记得比对代码...,确保无误) 3....": { // 让eslint能够识别html页面中嵌入JS "selector": "source.js | text.html.basic"...不能使用 html-loader  ,使用之后会导致无法识别我们ejs语法,导致htmlWebpackPlugin资源插入失效 ?

2.6K10

是时候摒弃掉Notepad++ ,因为你还有更多选择...

作为文本编辑工具,有比 Notepad++ 更好替代工具: # Sublime Text (非开源) Sublime Text 是一个轻量、简洁、高效、跨平台编辑器。 ?...Sublime Text 特色功能: 良好扩展功能,官方称之为安装包(Package)。...具有简洁直观图形用户界面,并有很多有趣特点:支持 CSS,HTML,JavaScript 等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。 ?...# Editra Editra是一个支持多平台文本编辑器,可以支持基本语法二十种语言。它使用方便,可以用颜色标注重点部分,支持进行内嵌式编辑,也可以进行代码编辑。 ?...最后,我觉得Sublime Text 这款编辑器挺好用,我也在今天推文第二篇,给大家附上了相关使用教程,应该是全网最全了,希望对大家使用这款编辑器有帮助。

1.3K50

请停止使用 Notepad++ !

1 Sublime Text (非开源) Sublime Text 是一个轻量、简洁、高效、跨平台编辑器。 ?...Sublime Text 特色功能: 良好扩展功能,官方称之为安装包(Package)。...具有简洁直观图形用户界面,并有很多有趣特点:支持 CSS,HTML,JavaScript 等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。 ?...4 BowPad BowPad 是一个带有功能区 UI 简单而快速文本编辑器 显著特性: 超过100种文件类型语言语法高亮显示 处理许多不同编码,包括 UTF-8、UTF-16 甚至 UTF...5 Editra Editra是一个支持多平台文本编辑器,可以支持基本语法二十种语言。它使用方便,可以用颜色标注重点部分,支持进行内嵌式编辑,也可以进行代码编辑。 ? END

1.6K20

说一说前端代码检查

代码检查很重要,原因有三: 避免低级bug:一些常见代码问题,如果在编译或运行前不能及时发现,代码中语法问题会直接导致编译或运行时错误,影响开发效率代码质量; 统一代码习惯:每一个团队或个人都会有一些代码规范或者代码习惯...安装之后,可以执行eslint --init来生成一个默认配置文件.eslintrc 注意:如果ESlint使用到了相关插件共享配置文件,也必须安装在本地。...eslintConfig字段中定义 1.parserOptions 我们可以在这里开启对JSX语法支持,但请注意这并不代表支持React语法,在React项目中应该使用eslint-plugin-react...3.env 支持25种运行环境,每一个环境都定义了一套预置全局对象,不同环境可以组合使用。.../test/test.html //修复部分问题 eslint --fix 规则优先级 优先级:注释配置 > 命令行配置 > 文件配置 工具集成 编辑器:Sublime Text 3、Atom、Visual

1.2K30

不用 Notepad++,还有更牛逼选择!

1 Sublime Text (非开源) Sublime Text 是一个轻量、简洁、高效、跨平台编辑器。...Sublime Text 特色功能: 良好扩展功能,官方称之为安装包(Package)。...具有简洁直观图形用户界面,并有很多有趣特点:支持 CSS,HTML,JavaScript 等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。...4 BowPad BowPad 是一个带有功能区 UI 简单而快速文本编辑器 显著特性: 超过100种文件类型语言语法高亮显示 处理许多不同编码,包括 UTF-8、UTF-16 甚至 UTF...-32 垂直滚动条中导航提示 根据路径对打开标签进行着色 可用 JScript 或 VBScript 编写插件扩展 界面截图: 5 Editra Editra是一个支持多平台文本编辑器,可以支持基本语法二十种语言

1.1K30
领券