+html/css/js configuration for Emacs

Use web mode for as much stuff as possible, also setup emmet for ease
of use in html
This commit is contained in:
2020-08-09 17:27:37 +01:00
parent 2caa53a5a2
commit fe1378bc29

View File

@@ -1011,6 +1011,27 @@ use-package clang-format for ease of use formatting, binding to "C-c '" for both
(bind-key "C-c '" #'clang-format-region c-mode-map) (bind-key "C-c '" #'clang-format-region c-mode-map)
(bind-key "C-c '" #'clang-format-region c++-mode-map)) (bind-key "C-c '" #'clang-format-region c++-mode-map))
#+END_SRC #+END_SRC
** HTML/CSS/JS
Firstly, web mode for consistent colouring of syntax.
#+BEGIN_SRC emacs-lisp
(use-package web-mode
:mode ("\\.html" . web-mode)
:mode ("\\.js" . web-mode)
:mode ("\\.css" . web-mode))
#+END_SRC
Then emmet for super speed
#+BEGIN_SRC emacs-lisp
(use-package emmet-mode
:hook (web-mode . emmet-mode)
:general
(general-def
:states 'insert
:keymaps 'emmet-mode-keymap
"TAB" #'emmet-expand-line
"M-j" #'emmet-next-edit-point
"M-k" #'emmet-prev-edit-point))
#+END_SRC
** Emacs lisp ** Emacs lisp
#+BEGIN_SRC emacs-lisp #+BEGIN_SRC emacs-lisp
(with-eval-after-load "lisp-mode" (with-eval-after-load "lisp-mode"