Tools/Visual Studio Code (3) 썸네일형 리스트형 Setting up Prettier and VS Code https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter - Visual Studio Marketplace Extension for Visual Studio Code - Code formatter using prettier marketplace.visualstudio.com Settings - default formatter 검색 - esbenp.prettier-vscode format on save - tick the box prettier을 쓰는 이유? 코드를 이쁘장하게 정리해줌 e.g. blank line 정리, 자동으로 quote 통일 (single or double) 변경 .. Installing Node.js and Setting Up a Dev Environment 방법 1. Extension live server install -> VSCode 하단에 Go Live 버튼 생김 버튼 클릭하면 http://127.0.0.1:5500/starter/ -> 서버 오픈됨 Inspect > Console > Live reload enabled. console.log(calcAge(1988)); // prints 34 calcAge 계산한 값이 Console에 찍힌다. 여기서 핵심은 파라미터 값을 변경한 후 browser를 reload할 필요가 없다는 것! e.g. 1987로 값을 변경하면 콘솔에 자동으로 35 값이 프린트됨 html 파일 수정해도 자동으로 reload된다. 방법 2. Node.js install // node version 확인 node -v // live-.. How to Open Visual Studio Code From Your Terminal 1. cd로 오픈할 문서 경로로 이동 2. code . 명령어 입력하면 VCS로 해당 문서가 열린다! https://www.freecodecamp.org/news/how-to-open-visual-studio-code-from-your-terminal/ How to Open Visual Studio Code From Your Terminal In this tutorial, we'll go over how you can open the VS Code text editor (Visual Studio Code) from your Mac terminal. Opening your text editor from your terminal is a quick, easy way to open up new projects.. 이전 1 다음