반응형

vscode 3

vscode 프리티어 Prettier 세팅하기

vscode에 들어갑니다. 익스텐션에 들어가서 프리티어를 설치합니다. 설치가 되면, 저장을 누를 때 자동으로 정리가 되는것을 원하시는 거죠? 그럼 저와같이 아래의 세팅을 해주면 됩니다. 일단 settings.json 으로 들어가 줍니다. settings.json에 들어가는 방법은 제 다른글에 설명이 되어 있습니다. 자 이제, 아래의 코드를 붙여넣기 하시면 됩니다. // prettier settting "editor.defaultFormatter": "esbenp.prettier-vscode", "prettier.printWidth": 120, "editor.formatOnSave": true 저는 원래 printWidth가 80으로 설정이 되어 있던가? 그렇습니다. 그러나 html을 작성할 때 이상하게 ..

vscode 주석 색깔 변경하는 방법 - 핑크색, Visual Studio Code

오늘 글에서는 비주얼 스튜디오 코드의 주석 색깔을 이쁘게 변경하는 방법을 보여드리겠습니다. 제가 설정하는 방법으로 하시면 주석의 텍스트가 핑크색으로 변경이 됩니다. 일단 vscode에서 주석 처리를 하는 방법을 설명 드리겠습니다. 1. 원하는 텍스트를 드래그하여 선택한다. 2. 맥 ( Command + / ) , 윈도우 ( 컨트롤 + / ) 을 누르면 주석처리가 됩니다. 주석 처리를 하면 내가 원하는 중요사항을 메모할 수 있고, 내가 작성한 코드에 영향을 주지 않게 됩니다. 이제 vscode 주석 색을 변경해보겠습니다. 먼저 vscode를 켜주시고, settings.json에 들어갑니다. ( settings.json 에 들어가는 방법은 제가 이전 글에 설명을 했습니다. ) 위의 그림과 빨간색 박스의 내용..

vscode setting.json 에 들어가기, 비주얼 스튜디오 코드

저는 개인적으로 개발을 처음으로 배우게 되고, 비주얼 스튜디오 코드 ( vscode ) 세팅하는 것을 매우 어렵게 했습니다. 처음이라서 그런것 같습니다. 그중에 setting.json에 들어가는 것도 어렵더라구요... ㅎㅎㅎ ( 개발을 처음 배울때~ ) 공식적으로 들어가는 것에 대해서 설명을 해보겠습니다. 한번 공식문서는 어떻게 설명하고 있는지 보겠습니다. https://code.visualstudio.com/docs/getstarted/settings Visual Studio Code User and Workspace Settings How to modify Visual Studio Code User and Workspace Settings. code.visualstudio.com 이 페이지로 들어가셔..

반응형