在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 text3中 less 自动编译成 css 的方法

sublime实现封装代码块快捷

sublime如何使用?sublime介绍和使用

详解sublime插件emmet的安装及tab补全代码问题的解决方法

sublime text3 六种 查找&替换 方法

解决 sublime text3 中文乱码的问题

sublime快捷键,欢迎保存~

使用sublime text 2和3调试node-webkit

sublime的注册方法(收藏)

可以用sublime写php吗

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



打赏

取消

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

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

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

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

评论

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