VS Code Extensions Empfehlungen?

Entwickler
1

Ich bin ein erfahrener Emacs-Nutzer. Ich versuche mich seit einiger Zeit in VS Code. (Überraschung: Es ist nicht einfacher, diesen unendlich erweiterbaren Editor zu konfigurieren als Emacs. Ich habe nicht aufgegeben, und er ist für einige Dinge wirklich gut, aber ich bin bei Weitem nicht so sehr überzeugt, wie ich gehofft hatte).

Hat also jemand eine Konfiguration, mit der Rubocop, ESLint und Prettier zufrieden sind? Es ist wahnsinnig, diese Dinge nicht sehen zu können, bis Travis beschwert, und dann diese Befehle (die längst in der Bash-History sein sollten) kopieren und einfügen zu müssen, um herauszufinden, ob etwas falsch ist.

Kann ich nicht einfach einstellen, dass beim Speichern formatiert wird und laut gewarnt wird, wenn etwas nicht automatisch korrigierbar ist?

Wenn jemand dies auf eine schöne Weise zum Laufen gebracht hat, würde ich gerne wissen, welche Plugin-Sammlung du verwendest.

Aber vielleicht werde ich mich doch darum kümmern, Emacs das zu ermöglichen – und die paar Dinge, die ich wirklich mag (bisher ist das Beste Shift+Strg+F zum Durchsuchen eines gesamten Unterverzeichnisbaums mit grep).

2 „Gefällt mir“
2

Ich denke, bei CDCK gibt es einige von uns, die VSCode für alles nutzen. Für Linting und Formatierung habe ich:

Und die relevanten Einstellungen:

{
    "editor.tabSize": 2,
    "[javascript]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[scss]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[ruby]": {
        "editor.formatOnSave": true
    },
    "ruby.useBundler": true,
    "ruby.format": "rubocop",
    "ruby.lint": {
        "rubocop": {
            "useBundler": true
        }
    },
    "editor.formatOnSaveTimeout": 10000,
    "eslint.format.enable": true,
    "javascript.validate.enable": false
}

Ja, definitiv! Für Discourse Core haben wir eine Lefthook-Konfiguration, um einen Teil dieser Probleme zu vermeiden. Wenn die Editor-Integration beim Speichern nicht ausreicht, könntest du in deinen Plugins ganz sicher etwas Ähnliches einrichten.

Ich kann dir auch sehr empfehlen, das Plugin ‘GitLens’ für VSCode zu installieren. Es kann dir nützliche Blame-Annotationen geben, während du arbeitest:

Screenshot 2021-03-25 at 21.43.11
Screenshot 2021-03-25 at 21.43.112008×398 52 KB

5 „Gefällt mir“
3

Ich habe es noch nicht gemacht, aber ich wollte jetzt schon einmal ein großes Dankeschön aussprechen! Vielleicht sind deine Einstellungen genau das, was mir fehlt, sobald ich herausgefunden habe, wo ich das einfügen muss.

Kannst du genauer erklären, wie man den linken Haken dazu bringt, etwas zu bewirken?

4

Ich glaube, du musst einfach nur in dein Discourse-Verzeichnis wechseln (cd), yarn install ausführen (was du möglicherweise bereits getan hast) und anschließend lefthook install.

Danach werden bei jedem git commit-Versuch die Linter auf den geänderten Dateien ausgeführt und dich auf etwaige Probleme hinweisen.

1 „Gefällt mir“