1. vscode에서 플러터 프로젝트 만들기

Extension

vscode로 flutter 코드를 작성하기 위해 vscode에서 추가해줄 extension -> install 해주면 됨

- Flutter

- Dart

- Awesome Flutter Snippets

 

 

---

vscode에서 프로젝트 추가하기

1. View -> Search 또는 단축키 : cmd + shift + P

 

2. Flutter New Application Project

 

 

3. 저장할 폴더 선택한 후 -> Select a folder to create the project in

 

4. 프로젝트 이름 정해주기

---

vscode에서 dart 편하게 작성하기 위한 설정

1. Dart: Use Recommended Settings

편리한 기능이 모여 있어서 코드 작성 편하게 해줌! (예를들어 저장-cmd+S하면 자동 줄 정렬 등)

- cmd + shift + P 눌러서 Dart: Use Recommended Settings 눌러서 설정하기

 

 

2. 단축키 설정

- Preferences - Keyboard Shortcuts 또는 단축키 cmd + K Cmd + S

- 나는 한 줄 전체 지우기 단축키는 ctrl + shift + k로 설정

---

코드 작성

- 모든 코드는 lib 폴더 안에 main.dart 안에 해주면 됨!!

- 코드 스니펫

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(),
      ),
    );
  }
}

- 노란줄, 파란줄로 경고 주는 거 일단 없애기 (swift에서 lint의 기능인 듯)

  - analysis_options.yaml 파일의 rules: 부분 아래에 적어주면 됨

  - rules보다 2칸씩 들여쓰기 후 작성해야 작동됨

  prefer_const_constructors: false
  prefer_const_literals_to_create_immutables: false