/#spacemacs experts, I need your help :/ I've been struggling a lot with making :emacs: usable for web dev. I'm trying to have this sidebar with project files, but apparently I'm lacking the vocabulary to properly look it up on the web :( Any pointers?

@emsenn @rosnovsky

I don't do a lot of direct html editing, but when I do, I use html-helper-mode: https://www.emacswiki.org/emacs/HtmlHelperMode

Treemacs provides a way to set up projects: https://github.com/Alexander-Miller/treemacs

But even more useful might be using treemacs-dired-icons (which requires treemacs) with the dired file-browser: https://github.com/Alexander-Miller/treemacs#treemacs-icons-dired

I'm not sure exactly how the git status thing works, but Magit is awesome (some people use Emacs just for Magit - as the best way of interacting with git): https://magit.vc/

I can share bits of my init.el for these, if it's helpful.

@emacsomancer This is tremendously helpful, thank you so much! I'd greatly appreciate if you could share bits of your init.el. I've got some stuff working, but still pretty lost :))

@emacsomancer I don't think so :/ total noob 🤷‍♂️

@rosnovsky Ok, I have the following at the beginning of my init.el, which should bootstrap `use-package`, which makes everything else easier:

;; package setup
(require 'package)
(setq package-enable-at-startup nil)
(setq package-archives
'(("GNU ELPA" . "https://elpa.gnu.org/packages/")
("ORG" . "https://orgmode.org/elpa/")
("MELPA Stable" . "https://stable.melpa.org/packages/")
("MELPA" . "https://melpa.org/packages/"))
'(("ORG" . 20)
("MELPA Stable" . 15)
("MELPA" . 10)
("GNU ELPA" . 5)))


;; Bootstrap `use-package'
(unless (package-installed-p 'use-package)
(package-install 'use-package))

(require 'use-package))

(use-package use-package
:ensure t
:pin MELPA
(require 'use-package))

@emacsomancer roger! thanks! What are some of the next steps?

@rosnovsky (make sure this follows the use-package bootstrapping)
@rosnovsky That should get you some of what you want, at least.

You can open (and close) Treemacs with `C-x t t`; add a new project to an open treemacs with `C-c C-p a`. And then you can expand a project to see relevant files inside, and open them in the other window. The modeline should show git status, where relevant.

@emacsomancer Awesome! I'm getting somewhere, thanks for your help! Icons don't work yet, but even without them, I can totally use it to do at least some work! :)) Also, reading through your code snippets, I think I've got a better idea of how emacs works... Again, thank you so very much!

@rosnovsky Are you using it in the terminal? I don't think icons will show up in the terminal version.

@emacsomancer yeah, I figured :/ I can't figure out proper scaling for emacs on HiDPI screen (it's the only app that looks like this). Anyway, it's such a leap forward!!

@rosnovsky I'm not sure. I don't use HiDPI or Spacemacs. I don't know if the solution is as simple as changing the font size inside of Emacs or not.

I did see https://github.com/syl20bnr/spacemacs/issues/6005
Sign in to participate in the conversation
Rosnovsky Social

Socializing like it's 1999!