ESLINT? ?? ?? ?? ?? : VS ??? ???? ??? ??? ????? ???? ???? ?? ?? ? ??? ?? ??? ?????. ??-?? ? ?? ?? : ES7 React/redux/GraphQL/React-Native ? ??? ?? ??? ???? ?? ? ??? ???? ??? ??? ??????.

Code ? ??? ?? ??? ? TypeScript ? JSX ??? ?? JavaScript ?? ?? ? ??? ?? ?? ?? ??? ?????.
• ??? ?? ?? ?? ????. ???? ??? ?? ???? ?? ? ????.
???? ?? ??? ???????. ??? ??? React??? JavaScript ?? ??? ???? ???? ?? ?? ?? ???? ???? ?? ??? ?????.
• javaScript ?? ?? ?? ?? "?? ? ??"???? JavaScript ??? ???? ??????. ?? ?? ????? ???? ??? ??? ????? ???????.
JavaScript Language Extension? ??? ??? ??? ??? ?????.

intellisense ?? ? ?? JSDOC ??

hoom ??
?? ?? ??
??? ??? ?? ??? ??? VS ?? ???? ?? ? ????. ?? ?? ???? ???? ??? ????? ? ??? ?? ?? ????.
• ?? ??? Intellisense ? ?? ?? ?? ??? ????.
? ?? ??? ?? ?? ??? ???? ?????. ?? ??? ?????? ??? ??? ?? ???? ?????.
• JavaScript ?? ??? ?? ? ? VS ??? ????? ?? ????? jsconfig.json ??? ????? ???? ?? ? ? ????. ??? ???? ???? ??? ???? Intellisense??? ??? ?? ???? ? ??????. ??? ?? ?????
?? ??? JavaScript ?? ??? ?? ??? ??? ??? ?? ??? ??? ??? ?????. ????? ?? ???? ?? ?? ? ????? ??? ????. ?? ??? ??? ????? jsconfig.js?? ??? ??? ?? ??? ?? ?????.
• typeScript ?? ?? ??? ?? ????? ?? ? ????? TypeScript? ???? ?? ????. ?? TypeScript? ?? ??? ???? ??? ?? ???????? ?? ??? ??? ???? ??? ?????. VS ??? ?? ??? ?????? ?? ??? TypeScript ?? ??? ????? (? : :: : :
?? ? ??? ????? intellisense ?? ? ?? js doc ??
hoom ?? ? ?? ???

?? JSX ? ?? ?? ??

?? ??? ??? ????? ????. TypeScript? ???? ?? JSX ??? .tsx ?? ???? ?? ?????. ??? ? ??? ??? .jsx? ??? ?????.

? ??? TypeScript ????? ???? ????. ??? ?? Global Node.js ??? ??? ???????.

?? Compile Hero Pro Extension? ??? ? ???, ?? ??? ???? TypeScript ? ?? ?? ????? ????? ?? ? ? ????.

?? Sass, scss ?????

jade

??

???? TypeScript ? ??? ??? ?????? ? ?? ?????? ?? ??? ??? ?????. React and TypeScript ??? ?? ??? ?? ????? ??? ??? ??? ?? ?? ?“Typecript : ?? ??”? ???? ?? ????.

<code>{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./src/*"],
      "~~/*": ["./*"],
      "@@/*": ["./*"]
    }
  },
  "exclude": ["node_modules", ".cache", "dist"]
}</code>

?? Flow? Facebook? TypeScript ?????. ??? ??? ????? React ??????? ???? ??? ??? ????. VS ??? ????? ???? ??? ?? ?? ?? ??? ??? ? ???, ?? IntelliSense ? Renaming? ?? ??? ?? ??? ?????.

(?? ??? ?? ???? ????? ?? ? ?? ??? ?? ??? ??? ????? ???????.) ? ?? ?? ?? ?? ????? vs ??? ???????? ?? ?? ??? ??? ??? ?? ??? ?? ??? ? ??? ?? ???? ????. ?? ???? ???? ?? ??? ??? ?? ????. ??? ??? ?? ???? ??? ?? ?? ??? ????? ?? ?????? ???? ? ??? ???? ?? ? ? ????. ?? ?? "?? ? ? ???"???? Vim, Sublime, Atom ? ?? ??? ???? ???? ??? ?????. "??"??? ???? ??? ??? ?? ? ? ??? ?????.

?? VS ??? ???? ?? ?? ???????. ? ???? Atom? ? ??? ???? ?? Atom ??? ???? ?? ? ?????. ??? ??? Atom Keymap ??? ?????. Settings.json vs ??? "Atom"? ???? ???? ?? ??? ?????. ??? ?? ???? ??? ???? ??? ?? ?? ???? ??? ??? ?????. ?? ???? Keymap ??? ???? ??? ?? ? ????.

emmet JSX Support

Emmet? HTML ????? ????? ??? ??? ? ?? ?????. Emmet? ???? ?? ?? ??? ???? ?? ??? ??????.

vs Code?? ?? EMMET? ??? ?? JSX ??? ?????. ????, ???? React ??? ????? .js ??? ?????. ??? VS Code? ??? React Code? ???? ???? JSX ??? ????? ???? ????. ? ?? ???? ???? :
jsx ??? ???? ?? ?? ?? ?? ??? .jsx extension (??) ?? .js ??? ?? ??? ????? ? ??? ?????. ??? ?? settings.json? ????????

settings.json? ?????? ?? ?? ??? ???? "??"> "?? ??"? ??????. "??"? ???? "?? ?? : ?? ?? (JSON)"??? ??????. ?? ctrl

p ? ??? "settings.json"? ???? ??? ???? ? ? ????. ??? ? ctrl , ? ???? ? ??? ?? UI ??? ? ?? ????. ? ?? ??? ??? ??? ??? ???? Settings.json? ????.

<code>{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./src/*"],
      "~~/*": ["./*"],
      "@@/*": ["./*"]
    }
  },
  "exclude": ["node_modules", ".cache", "dist"]
}</code>

? ?? ??? ?? ?? ?? ? ? ????. ????, ???

eslint-config-airbnb

? ?? ?? JavaScript ?? ??? ??? ????, ?? REACT ??? .jsx ?? ??? ???? ?? ??? ????. ???? ??? ?????? ?? ??? ??? ? ????.

?? RECT ?? RECT ??? .js ???? ???? ?? ????. ? ???? ????, ?? ??? ???? ?? ??? ??? .jsx? ??? ??? JavaScript ??? ?? ? ??? .js ???? ???? ?? ?? ????. ????? ?? ?? ????? ?? ????? ? ????.

??

??? ??? ?????

??? ??? ???????. ????? ??? ???? ?? ??? ?? ?? ? ??? ?? ????. ? ????? ??? ??? ???? ???? ? ????? ? ?? ?? ??? ?? ?? ????. editorConfig editorConfig? ?? ?? ? ???? ??? ?? ?????. ? ?? ?? ??? ?? ?? ??? ?? ??? ??? ???????. ?? ??? ?? ????? ??? ??????. vs ??? editorConfig ???? ??????. .EditorConfig ????? ??? ???? ???/?? ?? ??? ?????.

????? ?? ?????? .editorconfig ??? ???? ?? ??? ??????.

vs ??? ??? ??? ?? ??? ??????. ??? ?? ?? ?????. Windows? CRLF? ???? ?? ???? ?? UNIX ?? ???? LF? ?????. ?? ?? ??????? ??? ???? ??? ??? ? ?? ??? ?????. Git? NewLines? ???? ??? ?? ? ? ????. ?? ???? ??? ?? ???? ??? ?? ????? LF Newlines? ????? ???? ????. EditorConfig? ?? ????? ?? ??? ???? ????. ? ??? ???? LF? ?????. ?? ??? ?? ????? ? ?? ??? ????.

???? ????? (?? ?? ??? ???? ??? CRLF? ??????) ?? ??? Pretier ? ???? ???????

??, ? ??? ?? ?????.

Pretier

Pretier? JavaScript ??? ?? ????? ?? ?? ?? ??????. JavaScript, TypeScript, JSX, CSS, SCSS, Less ? GraphQL? ?????. ????? ?? ??? ?????

? ??? ?? ???? ???? ??????.
? ??? ? ??? ????? ??????. ??? ?? Settings.json? ????????
2. ?????? ?? ????? ? ??? ?????? : NPM ?? -Save Dev ? ?? ?? ?? ?? -d ? ???.
. prettierrc? ???? ?? ?? ??? ?????? :

<code>{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./src/*"],
      "~~/*": ["./*"],
      "@@/*": ["./*"]
    }
  },
  "exclude": ["node_modules", ".cache", "dist"]
}</code>

? ??? ???? ??? ???? update package.json :

3-5 ??? ?? ? ??? ????? ? ???? ??? ??? ???????. ?? ??? ?? ?? VS ??? NPM ???? ?? ?? ?? ??? ?? ? ? ????.
?? ?? ?? NPM ?? ??? ???? ? ??? ??? ? ????.
• ?? ?? Prettier? ?? ??? .prettierrc ? .editorconfig ???? ????? ??? ?? ?? ??? ???? ???? ???????. ?? ????? ???? ?????.

  ?? ??? ?? ? ?? ??? ??? ? ? ????. ??? ???? ??? ??? ??? ?? ?? ? ????. ? ??? ??? ? ? ?? ?? ??? ?? ??? ??? ?????.

  ? ?? ?? ?? .EditorConfig
??? ???? ? ?? ??? ?????.
html to jsx
1. ?? ?? ???? ??? ????? HTML ??? ???? React ??? ?? ?? ?? ?????? ?? ?? ????. ????? HTML ??? ??? JSX ???? ???????. ?????? HTML?? JSX?? ?? ????? ??? ?????. ?? ? ?? ? ? ????
?? HTML ??? jsx ? ????? ? ?? ?? ? HTML ??? ??? JSX ???? ?????. ??? ???? ?? ??? ??? ???? ?? ? ??? ?????. ??? ?? ?? ?? ?? ?????.
(??? ???? ?? ???? ????? ?? ? ?? ??? ?? ??? ??? ????? ?????. ??? ??? ???? ??)

.