Build 2017 데모
2017년 5월 10일 Chris Dias, @chrisdias
아래는 Build 2017 VS Code 발표에서 시연된 샘플, 도구 및 확장에 대한 링크입니다.
샘플
- StickerApp은 데모에서 사용된 앱의 전체 기능을 갖춘 버전입니다.
도구
-
NPM(Node Package Manager) 지원은 VS Code 내에서
npm install및npm uninstall명령을 실행하기 위한 지원을 제공합니다. -
HTML 자동 닫기 태그는 HTML 및 XML 닫기 태그를 자동으로 추가합니다.
-
CSS IntelliSense(자동 완성)는 작업 영역의 CSS 파일을 기반으로 HTML 클래스 속성에 대한 CSS 클래스 이름 자동 완성을 제공하며 React의
className속성도 지원합니다.
React
- 새로운 React 튜토리얼에서는 React 앱을 처음부터 설정하는 방법, IntelliSense, 디버깅, Linter 등에 대해 설명합니다.
Angular
- Angular 언어 서비스는 인라인 및 외부 템플릿 모두에 대한 풍부한 Angular 템플릿 편집 환경을 제공하며, 자동 완성 목록, AOT 진단 메시지, 빠른 정보, 심지어 정의로 이동까지 지원합니다.
디버깅
-
VS Code의 Node.js 디버깅 설명서는 다양한 애플리케이션 유형에 대해 VS Code를 구성하는 방법을 설명합니다.
-
Chrome 디버거를 사용하면 Google Chrome 브라우저 또는 Chrome 디버깅 프로토콜을 지원하는 기타 대상에서 실행되는 JavaScript 코드를 디버깅할 수 있습니다.
린터
NoSQL MongoDB
- MongoDB 확장을 사용하면 로컬 및 호스팅 MongoDB 데이터베이스에 모두 연결하고, 데이터베이스 및 컬렉션을 생성 및 삭제하고, 쿼리를 실행하는 등의 작업을 수행할 수 있습니다. 확장을 사용하려면 저장소를 복제하고,
npm install을 실행한 다음,F5를 눌러 개발 호스트에서 확장을 실행하십시오. 또는 로컬에서 확장을 빌드한 다음 설치할 수도 있습니다.
npm install -g vsce
vsce package
code --install-extension vscode-mongodb-0.0.1.vsix