- Download and install the custom css and js plugin for vs code
- create a css file somewhere on your machine, and get the full path
- go back to vs code and open the settings (
cmd
+,
) - add a property called
"vscode_custom_css.imports"
- set the value to an array and add your full path to your css file:
"vscode_custom_css.imports": [
"your/absolute/path/to/styles.css"
],
- open the command list by (
cmd
+shift
+p
) and run the "Enable Custom CSS and JS" - open that css file in vscode
- copy the css below and paste it in there and save it
- hit (
cmd
+shif
t +p
) for command lists - type "update css" and run the "Update Custom CSS and JS" .... command and then restart vs code when prompted to
- you can also just open the DOM by going to "Help => Toggle Dev Tools" and hitting (
cmd
+r
) to refresh the editor
- you can also just open the DOM by going to "Help => Toggle Dev Tools" and hitting (
- download and install the "Atom one Dark" theme
- the font is Operator Mono and costs monies if you want it
- for the Icons, dowload the "Vs code icons" and the "material icons theme"
Enjoy,
@jason-covington the problem is that you're using the latest version of VS code. Some fixes in v1.12 and above are causing that error. Try using this version and disable auto update: here