0% found this document useful (0 votes)
150 views6 pages

JavaScript Setup Guide

This document provides instructions for setting up a JavaScript development environment including installing Node.js, Git, and Visual Studio Code. It recommends extensions for VSCode like Origamid Theme and Live Server & Color Highlight. It also includes VSCode configuration settings for font, size, tabs, word wrap, theme, and more. Finally, it mentions how to open the browser console and lists online code editors like Codepen and JSBin.

Uploaded by

Fernando Nunes
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
150 views6 pages

JavaScript Setup Guide

This document provides instructions for setting up a JavaScript development environment including installing Node.js, Git, and Visual Studio Code. It recommends extensions for VSCode like Origamid Theme and Live Server & Color Highlight. It also includes VSCode configuration settings for font, size, tabs, word wrap, theme, and more. Finally, it mentions how to open the browser console and lists online code editors like Codepen and JSBin.

Uploaded by

Fernando Nunes
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

JAVASCRIPT COMPLETO

ES6+
VSCode, Node e Git
Ambiente

Instalar o Node.js
https://nodejs.org/en/

Instalar o Git
https://git-scm.com/downloads

Instalar o Visual Studio Code


https://code.visualstudio.com/
Visual Studio Code (Extensões)

Origamid Theme
https://marketplace.visualstudio.com/items?itemName=origamid.origamid-
theme

Live Server & Color Highlight


Extensions > Buscar > Instalar

IBM Plex Mono


https://fonts.google.com/specimen/IBM+Plex+Mono
Visual Studio Code (Con guração)

Files > Preferences > Settings (Win / Linux)

Code > Preferences > Settings (Mac)

{
"editor.fontFamily": "'IBM Plex Mono', Monaco, 'Courier New', m
"editor.fontSize": 14,
"editor.lineHeight": 25,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"workbench.colorTheme": "Origamid",
"workbench.startupEditor": "newUntitledFile",
"window.zoomLevel": 0,
"editor.colorDecorators": false,
"workbench.activityBar.visible": true,
"workbench.sideBar.location": "left",
"liveServer.settings.donotShowInfoMsg": true,
}
Google Chrome
Console
Ctrl + Shift + J (Win) / Cmd + Option + J (Mac)
Codi car Online

Codepen
https://codepen.io/

JSBin
https://jsbin.com/?html,css,js,output

You might also like