반응형 Extensions2 Vue.js 개발환경 구축하기(feat. vs Code) 일전에 Python 공부하면서 VS code를 설치했었는데 Vue.js 개발할때도 VS code를 많이 사용한다고한다. 따라서 Vscode로 Vue.JS 개발할수 있는 개발환경 구축을 해보겠다. 먼저 vs code 환경에서 vue.js를 사용하려면 cdn 방식이 있고 vue/cli를 설치하는 방법이 있는데 vue/cli 설치하는 방법으로 개발환경 구축을 해보겠다. vs code로 terminal을 이용해 vue/cli를 설치하려면 npm이나 yarn이 설치되어있어야하는데 npm을 사용할것이고. npm을 사용하기 위해선 node.js를 설치해야한다. node.js 설치하러가기 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript .. 2023. 7. 11. Visual Studio Code에서 유용한 Extensions 1. Live Server 제목 그대로 Live server를 열어준다. 웹브라우저로 열어주는데 HTML 코드 작성 및 수정시 저장하면 실시간으로 Live Server로 열은 웹페이지에서 반영이 된다. 새로고침이 필요없다. 실행방법은 설치 후에 HTML 문서 내에서 마우스 우클릭 -> Open with Live server를 클릭하면 된다 2. indent-rainbow Visual Studio Code의 기본 들여쓰기 표현식은 너무 잘 보이지않는다. 이것을 빨주노초파남보 색상으로 구별해주어 가독성을 높여준다. 설치와 동시에 적용되며 적용후 모습은 아래와 같다. 들여쓰기 한 부분이 색상으로 표시되어 좀더 보기 좋아졌다. 3. Auto Rename Tag 이게 정말 좋은거같다. HTML는 시작태그와 끝태그.. 2022. 12. 10. 이전 1 다음 반응형
