[컴파일 및 공유] VSCode의 Flutter 개발을 위한 10가지 최고의 확장 프로그램

이 기사에서는 Flutter 개발을 위한 10가지 최고의 VSCode 확장 프로그램을 공유하겠습니다. 도움이 되기를 바랍니다.

1.Pubspec Assist

pub.dev에서 필요한 Flutter 및 Dart 패키지를 찾는 데 지치셨나요? Pubspec Assist 확장에 기회를 주어야 합니다. 이 확장을 사용하면 편집기를 포기하지 않고도 패키지를 검색한 다음 pubspec.yaml 문서에 추가할 수 있습니다. 또한 제목을 쉼표로 구분하여 여러 패키지를 동시에 검색할 수 있습니다.

2.Error Lens

개발 중에는 오류와 경고가 발생하는 것이 정상이지만 이를 처리하는 방법은 독특합니다. VS Code 편집기에서는 일반적으로 하단에 오류와 경고가 나타나며, 다른 문제가 있는지 확인하려면 목록을 스크롤해야 합니다. [추천 학습: vscode tutorial, Programming Teaching]

Error Lens 확장 프로그램은 코드의 오류 줄을 강조 표시하고 줄 끝에 오류 세부 정보를 추가합니다. 트렌치에도 오류 아이콘이 표시됩니다.

또한 settings.json 파일에서 오류 강조 색상을 사용자 정의할 수 있습니다. 그러면 당신의 실수가 더 유혹적으로 보일 것입니다.

3.Flutter Tree

많은 수의 위젯이 포함된 애플리케이션을 구축할 때 트리에서 위젯을 식별하기 어려울 수 있습니다. Flutter Tree 확장 프로그램은 단순화된 구문으로 원하는 위젯 트리를 생성합니다. 이렇게 하면 위젯 트리를 생성하기가 더 쉬워지지만 아래와 같이 고유한 구문을 사용하여 수행해야 합니다.

4. Bracket pair Colorizer 2

우리는 종종 중첩된 클래스와 위젯의 미로에서 길을 잃고 올바른 브래킷 쌍을 찾는 데 많은 시간과 에너지를 낭비합니다. 잘못된 브래킷 위치를 지정할 때 Bracket pair Colorizer 2가 구세주입니다.

괄호 쌍의 색상을 맞춤 설정할 수도 있습니다.

5. Dart 데이터 클래스 생성기

일반적으로 우리는 클래스에서 필수 메소드 생성을 무시합니다. VS Code에는 누락된 메서드를 추가할 수 있는 유틸리티가 있지만 한 번에 하나씩만 추가할 수 있습니다. Dart 데이터 클래스 생성기는 이름에서 알 수 있듯이 클래스 속성 또는 원시 JSON을 기반으로 생성자, copyWith, toMap, fromMap, toJson, fromJson, toString, 연산자 == 및 hashCode 메서드를 사용하여 이 문제를 극복합니다.

이 확장 프로그램은 가져온 항목을 알파벳순으로 정렬하고 적절한 형식으로 변환합니다.

6.Flutter Stylizer

구조가 부족한 복잡한 코드 기반을 관리하면 엔지니어의 효율성이 떨어집니다. Flutter Stylizer 확장 프로그램은 일관되고 확실한 방식으로 메서드를 구성하여 이 문제를 제거합니다.

이 도구는 다음과 같은 방식으로 파일의 클래스를 구성합니다.

Constructor -- 명명된 생성자 -- 공용 정적 변수 -- 공용 인스턴스 변수 -- 공용 재정의 변수 -- 전용 정적 변수 -- 전용 인스턴스 변수 -- 공용 재정의 메소드--기타 공개 메소드--구성 메소드.

Flutter 자체는 형식 지정 옵션을 제공하지만 Dart 파일 형식만 지정하고 코드 순서를 바꾸지는 않습니다. Flutter는 이러한 형식 지정 규칙에 따라 코드 형식을 지정합니다.

7.더 나은 댓글

모든 댓글이 동일한 형식이라면 작업을 중요도에 따라 정리할 수 없고 중요한 작업을 간과할 위험이 있습니다. Better Comments 확장 프로그램은 다채로운 댓글을 작성하여 더 읽기 쉽게 만듭니다. 이렇게 하면 코드 주석을 더 쉽게 추적할 수 있습니다.

*, 만 사용하면 됩니다! , ? 또는 TODO는 주석을 시작하고 지정된 방식으로 색상이 지정됩니다. settings.json 파일을 사용하여 자신만의 주석 스타일을 만들 수도 있습니다. *、！、?或TODO开始注释，它就会以指定的方式被着色。你还可以使用settings.json文件创建你自己的注释风格。

8.Color Highlight

在构建程序时，我们管理广泛的颜色选择，但假设我们正在编程的颜色在代码编辑器中是可见的？这将是非常有利的显示程序的颜色，而不需要启动程序。Color Highlight插件可以查看代码中通过样式化颜色指定的颜色。

9.Markdownlint

Flutter项目中没有验证器可以确保检测到README.md或CHANGELOG.md文档中的问题。为了弥补这一点，Markdownlint插件提供了一套准则，以鼓励Markdown文件的标准和统一性。你可以使用这个扩展来检查本地的问题，并在实时发布之前验证内容。

在这张图片中，你可以看到一些错误，如多个连续的空行，标题级别应该递增一个，以及列表应该被空行包围。与此相关，我想提醒你，你可以通过使用预览按钮在VS Code中预览Markdown文件。

10.JSON to Dart Model

当处理大量的JSON文件时，为每个文件构建Dart模型是很费力的。JSON to Dart Model为给定的JSON字符串创建一个Dart类。通过在你的JSON键中添加r@或d@

8.색상 강조

프로그램을 만들 때 다양한 색상을 관리하는데, 우리가 프로그래밍하는 색상이 코드 편집기에 표시된다고 가정해 보세요. 프로그램을 실행하지 않고도 프로그램 색상을 표시할 수 있다면 매우 유리할 것입니다. Color 하이라이트 플러그인은 코드의 스타일화된 색상을 통해 지정된 색상을 볼 수 있습니다.

9.Markdownlint

Flutter 프로젝트에는 README.md 또는 CHANGELOG.md 문서의 문제가 감지되었는지 확인하는 유효성 검사기가 없습니다. 이를 보완하려면 Markdownlint🎜 플러그인은 Markdown 파일의 표준과 통일성을 장려하기 위한 일련의 지침을 제공합니다. 이 확장 프로그램을 사용하면 로컬로 문제를 확인하고 콘텐츠를 라이브로 게시하기 전에 확인할 수 있습니다. 🎜🎜이 이미지에서는 빈 줄이 여러 개 연속되는 등 일부 오류를 볼 수 있으며 헤더 수준은 1씩 증가해야 하며 목록은 빈 줄로 둘러싸여 있어야 합니다. 이와 관련하여 미리보기 버튼을 사용하면 VS Code에서 Markdown 파일을 미리 볼 수 있음을 알려드립니다. 🎜🎜🎜

10.JSON to Dart 모델🎜🎜많은 수의 JSON 파일을 처리할 때 각 파일에 대해 Dart 모델을 구축하는 것은 힘든 작업입니다. JSON에서 Dart 모델로🎜주어진 JSON 문자열에 대한 Dart 클래스를 생성합니다. JSON 키에 r@ 또는 d@를 추가하여 JSON 값을 필수 또는 기본값으로 설정할 수 있으며, Dart 모델에 대한 JSON이 Dart 모델을 생성합니다. 🎜🎜아래 이미지에서 왼쪽에는 JSON 파일이 표시되고 오른쪽에는 JSON to Dart Model 확장을 사용하여 JSON 파일에서 생성된 필수 클래스와 속성이 표시됩니다. 🎜🎜🎜🎜🎜VSCode에 대한 자세한 내용을 보려면 🎜vscode 기본 튜토리얼🎜을 방문하세요! 🎜

위 내용은 [컴파일 및 공유] VSCode의 Flutter 개발을 위한 10가지 최고의 확장 프로그램의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!