GNU Emacs as a lightweight Web IDE (HTML + JS + CSS)

[Anand Tamariya]

Hi,

Here's my next installment of "GNU Emacs as a lightweight IDE" series for web development. Hope this will help newbies getting started with web development using Emacs.

Code: Emacs customization (https://gitlab.com/atamariya/emacs/tree/dev)

Config (.emacs):

(global-ede-mode 1) 
(semantic-mode 1)    
(srecode-minor-mode 1) 
;; Install company for inline completion with dropdown
(require 'company)
(global-company-mode)

Demo:

Part 1 (Auto-suggest): https://www.youtube.com/watch?v=jJZMRZINAL8

Features:

- Auto-suggest using company

- Jump to definition using semantic for JS

- Auto-complete CSS identifier with HTML identifier candidates and vice-versa

- Auto-complete CSS classes with HTML class candidates and vice-versa

- Works with HTML embedded with CSS and JS code