Flutter
  • Flutter 모바일 앱 개발하기
  • Untitled
  • 설치
    • Flutter 설치
  • 프로젝트 개발
    • Dart
      • Dart Code Style
    • Untitled
    • 프로젝트 개발 순서
    • 신규 프로젝트 생성하기
    • Flutter 폴더 구조
    • pubspec 설정 및 패키지 설치
      • Json 직렬화 패키지
      • 모바일 앱 이름 설정 패키지
      • Package 수동 처리
      • 다국어 패키지 설정
      • Multi Provider 패키지
    • main.dart 기본 설정
      • Custom Route 정의하기
    • Stateful Widget 생성
    • 플랫폼별 퍼미션 설정
    • [참고] Flutter 페이지 디자인 하기
    • Github로 소스관리하기
    • Firebase 사용하기
  • 빌드
    • 모바일 앱 아이콘 만들기
    • 안드로이드 빌드(사내 배포용)
  • iOS 빌드 및 배포
    • Apple App Store Connect 앱 등록
    • Apple TestFlight 배포(사내 배포용)
  • 에디터 설정
    • Visual Studio Code 설정
      • Flutter Ui Guides
      • Korean Language Pack for Visual Studio Code
      • Material Icon Theme
Powered by GitBook
On this page

Was this helpful?

  1. 에디터 설정
  2. Visual Studio Code 설정

Flutter Ui Guides

VS Code에서 Flutter(Dart) 블록 가이드 활성화 방법입니다.

PreviousVisual Studio Code 설정NextKorean Language Pack for Visual Studio Code

Last updated 4 years ago

Was this helpful?

Flutter Ui Guides 활성화

아래와 같이 VS Code에서 Flutter(Dart) 블록을 표시하여 개발 시 소스를 보기 용이하도록 할 수 있습니다.

Dart 플러그인 설정에서 Flutter Ui Guides 활성화 :

  1. 마켓플레이스에서 "Dart"를 검색합니다.

  2. 톱니 모양의 아이콘을 눌러 설정 페이지를 엽니다.

  3. 검색 창에 preview를 검하여 "Dart: Preview Flutter Ui Guides"를 체합니다.

  4. VS Code를 재시작합니다.

블럭 가이드가 없는 상태
블럭 가이드가 표시된 상태