-
instalacja node.
-
IDE - VSCode 1a. pluginy
rekomendowane pluginy:
CSS Modules (0.2.3) Pozwala przechodzić do definicji styli (CTRL-klik)
GitLens (8.5.6) Wsparcie dla gita.
EditorConfig for VSCode (0.12.4) Korzysta z pliku .editorConfig i nadpisuje ustawienia IDE
root = true
[*] charset = utf-8 end_of_line = lf indent_size = 2 indent_style = space insert_final_newline = true trim_trailing_whitespace = true
Sass lint (1.0.3) Wsparcie dla składni sass. Korzysta z tej samej konfiguracji co sass-lint
Sort lines (1.7.0) Sortuje linie :) (podstawowa funcjonalność pod klawiszem F9)
Sort JSON objects (1.13.0) Sortuje cały JSON alfabetycznie
JavaScript (ES6) code snippets (1.7.1) + React Standard Style code snippets (1.1.0) + React-Native/React/Redux snippets for es6/es7 (1.9.1) Snippety dla 'wirtuozów' programowania ES6 + React + Redux, a więc jak przy pomocy kilku skrótowców zbudować kod. Opanowanie ich wymaga nauki, ale warto.
Bracket Pair Colorizer (1.0.60) + indent-rainbow (7.2.4) Kolorują wcięcia i nawiasy. Dobrze wygląda na ciemnych motywach IDE.
Auto Close Tag (0.5.6) + Auto Rename Tag (0.0.15) Nazwa tych pluginów mówi sama za siebie. Przyspiesza pracę w JSX.
Markdown All in One (1.6.0) Umożliwia podgląd sformatowanych dokumentów .md i ułatwia ich edycję.
Podczas edycji polecane jest otworzenie podglądu w oknie obok.
markdownlint (0.20.0) Linter dla formatu .md.
Goto Last Edit (0.6.4) Pozwala przełączać pomiędzy zmianami w kodzie (przód/ tył CTRL-/CTRL=)
1b. ustawienia edytora: .vscode/settings.json { editor.minimap.enabled: false, editor.lineNumbers: "off", files.exclude: { **/node_modules: true, **/public: true, **/.cache: true }, files.eol: "\n", jestrunner.jestPath: "clientSide/node_modules/jest/bin/jest.js" }