在sublime中实现代码检测


本文摘自PHP中文网,作者藏色散人,侵删。

下面由sublime使用教程栏目给大家介绍如何在sublime中实现代码检测,希望对需要的朋友有所帮助!

在sublime中配置linter, eslint

sublime插件安装

打开pci,安装sublimeLinter

进入到,对path进行配置:

● 配置node的基本位置:/usr/local/bin/node, /usr/local/bin

● 配置node_modules的基本位置:/usr/local/lib/node_modules

● 配置其他各项插件的位置:如eslint: /usr/local/bin/eslint

示例代码如下:

1

2

3

4

5

6

7

8

9

10

"paths": {

  "linux": [],

  "osx": [

      "/usr/local/bin/node",

      "/usr/local/lib/node_modules",

      "/usr/local/bin/eslint",

      "/usr/local/bin/jslint"

  ],

  "windows": []

}

安装插件(以eslint为例):

安装eslint的npm插件,包括:

sudo npm i eslint babel-eslint -g

● 将所安装的工具的路径放到的path中,即:/usr/local/bin/eslint

● 在项目中配置.eslintrc文件,类似:(每个项目都需要配置)

● 当中包括非常多的依赖,可以在项目中输入eslint .,然后根据提示对缺少的依赖进行sudo npm i -g ***

然后就可以愉快的使用啦!

可以通过右键进入到sublimelinter来调用其功能。

.eslintrc文件示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

{

    "env": {

        "browser": true,

        "node": true,

        "es6": true

    },

    "parser": "babel-eslint",

    "extends" : [

      "airbnb"

    ],

    "plugins": [

      "babel",

      "promise"

    ],

    "ecmaFeatures": {

       "jsx": true

    },

    "rules": {

        "semi": [2, "always"],

        "quotes": [2, "single"]

    }

}

最后

阅读剩余部分

相关阅读 >>

如何用sublime text创建第一个文档

sublime text怎么用

sublime 快速生成结构代码的方法介绍

sublime text3提示error trying to parse file该怎么办

sublime 怎么添加vue模板

最新版本sublime text3注册码

sublime中web inspector怎么使用并调试javascript程序

sublime添加vue模板

sublime text3 eslint 安装教程

可以用sublime写php吗

更多相关阅读请进入《sublime》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...