02.IDE - yojulab/learn_DevOps GitHub Wiki

• 통합 개발 환경(Integrated Development Environment, IDE)
• wiki

VSCode

• refer : https://code.visualstudio.com/docs and-maven-in-vs-code)

Extension Marketplace

• Tabnine AI Autocomplete : Code faster with AI code completions
• Sonarlint : fix coding issues

ERD (vuerd)

• refer : https://github.com/vuerd/vuerd-vscode#custom-editor-api
• ERD Editor in VScode Extensions

HTML and CSS

• boilerplate : 기초 코드
• Material icon theme: 아이콘을 예쁘게..
• Prettier: 코드 포맷팅 (줄맞춤, 들여쓰기 등..)
  • VScode UI Setting : Menu > Code > Preference > Settings
  • search 'format' > Check Editor:Format On Save
  • search 'default format' > Select 'Prettier-Code Formatter' on Editor:Default Formatter.
• Auto rename tag: 자동 태그명 수정
• Auto Close Tag: 닫는태그 자동화
• HTML CSS Support: 클래스, ID 속성 완성
• Live Server : 실시간 HTML 테스트
• Path Intellisence

JavaScript and Nodejs

sevlets

• Extend : Community Server Connectors(Red Hat) and then download tomcat

Spring Boot

• Download and Install Maven

• Spring Boot Extension Pack(Pivotal) in VSCode Extension

  • Spring Boot Dashboard, Lombok, JetBrains IDE Keymap
  • for Desgin : Material Icon Theme, JetBrain Fleet Theme

• Setting On Menu

  • Java › Debug › Settings: Console - internalConsole
  • Editor: Format On Save - Checked
  • Editor: Default Formatter - Language Support for java by Rad Hat

Web IDE

CodeSandbox : Code, Review and Deploy in Record Time