first try to implement js

init.org

@@ -873,11 +873,11 @@ TODO Unterverzeichnisse wurden noch nicht getestet
   :commands (lsp lsp-execute-code-action)
   :custom
   (lsp-auto-guess-root nil)
-  (lsp-prefer-flymake nil) ; use flycheck instead
+  (lsp-prefer-flymake nil)        ; use flycheck instead
   (lsp-file-watch-threshold 5000)
   (lsb-print-performance t)
-  (lsp-log-io nil)  ; enable log only for debug
-  (lsp-enable-folding t)  ; default, maybe evil-matchit instead for performance?
+  (lsp-log-io nil)                ; enable log only for debug
+  (lsp-enable-folding t)          ; default, maybe evil-matchit instead for performance?
   (lsp-diagnostics-modeline-scope :project)
   (lsp-enable-file-watchers nil)
   :bind (:map lsp-mode-map ("C-c C-f" . lsp-format-buffer))
@@ -886,9 +886,13 @@ TODO Unterverzeichnisse wurden noch nicht getestet
      js-mode
      js2-mode
      typescript-mode
-     web-mode) . lsp)
+     web-mode
+     ) . lsp)
    (lsp-mode . lsp-enable-which-key-integration)
-   (lsp-mode . lsp-diagnostics-modeline-mode)))
+   (lsp-mode . lsp-diagnostics-modeline-mode))
+  :config
+  (setq lsp-diagnostics-package :none)              ; disable flycheck-lsp for most modes
+  (add-hook 'web-mode-hook #'lsp-flycheck-enable))  ; enable flycheck-lsp for web-mode locally
 
 (use-package lsp-ui
   :after lsp-mode
@@ -1104,6 +1108,34 @@ Default completion is C-j
   (unbind-key "C-<return>" emmet-mode-keymap))
 #+end_src
 
+*** JavaScript
+
+npm install -g typescript-language-server typescript
+#+begin_src emacs-lisp
+(use-package rjsx-mode
+  :ensure t
+  :mode ("\\.js\\'"
+         "\\.jsx'")
+  :config
+  (setq js2-mode-show-parse-errors nil
+        js2-mode-show-strict-warnings nil
+        js2-basic-offset 2
+        js-indent-level 2)
+  (setq-local flycheck-disabled-checkers (cl-union flycheck-disable-checkers
+                                                   '(javascript-jshint))))  ; jshint doesn"t work for JSX
+
+(use-package add-node-modules-path
+  :ensure t
+  :defer t
+  :hook (((js2-mode rsjx-mode) . add-node-modules-path)))
+
+(use-package prettier-js
+  :ensure t
+  :defer t
+  :diminish prettier-js-mode
+  :hook (((js2-mode rsjx-mode) . prettier-js-mode)))
+#+end_src
+
 ** YAML
    :PROPERTIES:
    :ID:       95413247-04d5-4e02-8431-06c162ec8f3b