FrontEnd/Vue.js

02. 개발환경 설정

hanseom 2021. 9. 7. 11:36
반응형

1. Chrome

  > 크롬 개발자 도구

2. Visual Studio Code

3. Node.js

  > 설치 시 LTS(Long Term Support) 버전 다운로드

  > 설치 후 터미널에서 node -v, npm -v로 버전 확인

4. Vue.js Devtools

5. git

6. github

 

[참고] github repository

  1) https://github.com/joshua1988/doit-vuejs

  2) https://github.com/joshua1988/learn-vue-js

 

[Install Visual Studio plugins]

EXTENSIONS: MARKETPLACE

  > Vetur : Vue plugin

  > tslint : 엄격한 자바스크립트

  > Material Icon Theme : 파일 아이콘 테마 (File > Preferences > File Icon Thema 변경)

  > Night Owl : 색 테마 (File > Preferences > Color Thema 변경)

  > Live Server : Open with Live Server
  > Auto Close Tag

  > ESLint

  > Prettier

반응형