[vscode] 추천 확장 프로그램

[vscode] 추천 확장 프로그램

이번 포스팅은 추천하는 비주얼 스튜디오 코드의 확장프로그램에 대해서 간략하게 알려주고자 합니다.

수많은 확장 프로그램중 어떤 프로그램을 사용해야 좋은지, 또 어떤 기능이 있는지 알려드리겠습니다.

 

1.Live Server

추천드리는 확장 프로그램 첫번째는 라이브 서버입니다. 

브라켓 에디터에 저장시 실시간으로 반영되었나 확인해주는 기능때문에 계속 이용하시는 분들이 있었는데요 

비주얼 스튜디오 코드에서도 Live Server를 설치하시면 같은 기능을 사용할수 있습니다. 저장되면 바로 반영되지요 

사용법 또한 간단합니다. 비쥬얼 스튜디오 하단에 있는 Go Live 버튼만 클릭하면 끝입니다. 쉽죠?

 

 

2.SFTP

SFTP나 FTP를 비주얼 스튜디오 코드에서 연동하여 저장시 실시간으로 업로드 되며, 서버에서 변경시 자동으로 코드를 가져오는 확장프로그램 SFTP입니다. 한번만 셋팅해두면 편하게 작업할 수 있어 최고의 확장 프로그램입니다. 

다른 사람과 협업을 할 때 더욱 중요한 실시간 반영이 적용되어 파일 관리또한 용이 합니다. 다만 누군가가 덮어 버린다면 복구가 힘든다는점 알아두셨으면 좋겠습니다. 

 

SFTP의 사용법은 이전에 다룬적이 있어 지금은 다루지 않겠습니다.

아래에 링크로 연결해놓을테니 사용법은 참고하시면 좋을것 같습니다.

[vscode] sftp 연동법

 

3.Korean(사용법) Language Pack for Visual Studio Code

이 확장 프로그램을 단순히 말하자면 VS Code용 한국어 팩입니다. 영어 울렁증이 있는 당신에게 추천할만한 확장프로그램입니다. 설치후 셋팅을 해준다면 비주얼 스튜디오 코드를 한국어로 사용가능합니다. 물론 코드는 영어겠지만요 

그래도 영어 울렁증이 있는 사람에게 탁월하며 한국어가 좀더 친숙한 당신에게 추천하는 확장프로그램입니다.

한번 사용해 보세요~

 

4.Auto Close Tag

이번 확장 프로그램도 매우 추천합니다. 위의 확장프로그램은 html태그를 선언하면 자동으로 닫치는 태그를 만들어 주는 확장프로그램입니다. 사용법도 단순하고 작업에 효율을 증진시켜 주기에 추천하는 확장프로그램이지요 

설치 완료시 자동으로 반영되어서 사용법이라고 할것도 없습니다. 그저 html를 짜보시면 알게 됩니다. 

자동으로 닫히는 확장프로그램 Auto Close Tag 였습니다.

 

5.Auto Rename Tag

Auto Rename Tag는 태그를 수정할때 닫히는 태그 또한 같이 수정되게끔 해주는 확장프로그램입니다. html태그를 수정할때 매우 용이 합니다. 위의 Auto Close Tag와 세트로 같이 설치하는 확장프로그램입니다. 한번 사용해 보시는것을 추천합니다. 편한고 사용에 용이한 Auto Rename Tag 추천합니다.