Sublime에서 코드 감지 구현

다음 칼럼인 sublime 사용법 튜토리얼에서는 Sublime에서 코드 감지를 구현하는 방법을 소개합니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

linter 구성, sublime의 eslint

sublime 플러그인 설치

pci 열기, sublimeLinter 설치

Enter, 경로 구성:

● 노드의 기본 위치 구성: /usr / local/bin/node, /usr/local/bin

● node_modules 설정을 위한 기본 위치: /usr/local/lib/node_modules

● 기타 플러그인 설정을 위한 위치: eslint 등: /usr/ local/bin/ eslint

의 샘플 코드는 다음과 같습니다.

"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

● 설치된 도구의 경로를 경로에 배치합니다. 즉: /usr/local/bin/eslint

● 프로젝트에서 .eslintrc 파일을 다음과 유사하게 구성합니다. (각 프로젝트를 구성해야 함)

● 종속성이 많이 포함되어 있으므로 프로젝트에 eslint를 입력할 수 있습니다. 그런 다음 누락된 종속성에 대해 sudo npm i -g ***

프롬프트를 따르면 행복하게 사용할 수 있습니다!

우클릭하여 sublimelinter에 들어가서 해당 기능을 호출할 수 있습니다.

.eslintrc 파일 예

{
    "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"]
    }
}

마지막으로

구성 후 sublimelinter-user.settings를 표시합니다.

{
    "user": {
        "debug": true,
        "delay": 0.25,
        "error_color": "D02000",
        "gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
        "gutter_theme_excludes": [],
        "lint_mode": "background",
        "linters": {
            "eslint": {
                "@disable": false,
                "args": [],
                "ecmaFeatures": {
                    "jsx": true
                },
                "env": {
                    "browser": true,
                    "es6": true,
                    "node": true
                },
                "excludes": [],
                "extends": [
                    "standard"
                ],
                "parser": "babel-eslint",
                "plugins": [
                    "babel",
                    "promise"
                ],
                "rules": {
                    "quotes": [
                        2,
                        "single"
                    ],
                    "semi": [
                        2,
                        "always"
                    ]
                }
            },
            "jsxhint": {
                "@disable": false,
                "args": [],
                "excludes": []
            }
        },
        "mark_style": "stippled underline",
        "no_column_highlights_line": false,
        "passive_warnings": false,
        "paths": {
            "linux": [],
            "osx": [
                "/usr/local/bin/node",
                "/usr/local/lib/node_modules",
                "/usr/local/bin/eslint"
            ],
            "windows": []
        },
        "python_paths": {
            "linux": [],
            "osx": [],
            "windows": []
        },
        "rc_search_limit": 3,
        "shell_timeout": 10,
        "show_errors_on_save": false,
        "show_marks_in_minimap": true,
        "syntax_map": {
            "html (django)": "html",
            "html (rails)": "html",
            "html 5": "html",
            "javascript (babel)": "javascript",
            "magicpython": "python",
            "php": "html",
            "python django": "python",
            "pythonimproved": "python"
        },
        "warning_color": "DDB700",
        "wrap_find": true
    }
}

위 내용은 Sublime에서 코드 감지 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!