sublime text3 eslint 安装教程

准备工做:

  1. sublime text3 编辑器 sublime text3安装走起
  2. node环境得支持 node安装走起
  3. ESlint规范 ESlint配置详细说明

开始安装

以上都安装完毕的时候,那么进行安装全局的eslinthtml

sudo npm install eslint -g

若是你是首次安装或者使用eslint的话,您能够在项目中初始化一个eslint文件node

eslint --init

若是项目根目录下没有 package.json 文件,它会提示你先使用 npm init 来初始化一个 package.json 文件。git

配置sublime text3

sublime text2编辑器是不支持下面的插件的~github

  • Sublime​Linter 是一个代码检查框架插件,功能很是强大,支持各类语言的检查。可是它自己并无代码检查的功能,须要借助 ESLint 这样的特定语言检查支持。
  • Sublime​Linter-eslint 咱们安装使用对应的 Sublime​Linter-contrib-eslint 插件能够帮助咱们使用eslint
  • Babel babel这个仍是须要安装的,无论是编译文件仍是打包都要用的。

配置完成

若是你安装的没有错误的话,那么大概就是这个样子的!sublime 编辑器会有一个高亮的提示您符不符合eslint的代码风格。npm

eslint

参考资料

Sublime Text 中配置 Eslint 代码检查和自动修复
Sublime Text 3 配置 ESLint 代码检查
Sublime Text 中配置 ESLintjson

笔者要说

根据本人的安装经验来看,网上有不少的安装方法都是让你安装的 Sublime​LinterSublimeLinter-contrib-eslint 这两个插件可是在sublime 中是没有SublimeLinter-contrib-eslint 插件的,仍是要看仔细安装的应该是Sublime​Linter-eslint,在sublime中其实还有一个插件名字就是:eslint 当你右击你的文件目录的时候会验证,可是你在全局npmeslint 仍是会告诉你找不到eslint的模块,虽然不知道怎么回事,可是好像不妨碍我检验文件的规范,也但愿以后的时间会找到答案。segmentfault

相关文章
相关标签/搜索