[Flutter] flutter 프로젝트 만들기

2023. 4. 26. 02:49FE/Flutter

vscode에서 Dart, Flutter 플러그인 설치를 한다.

팔레트에서 flutter 프로젝트를 생성한다.

 

lib : 주 작업 폴더

pubspec.yaml : 라이브러리 및 설정을 하는 폴더

android : Android 프로젝트 폴더

ios : IOS 프로젝트 폴더

web : Web 프로젝트 폴더

 

Main.dart 파일 작성하기

import "package:flutter/material.dart";

void main() {
  runApp(const 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(),
      ),
    );
  }
}

 

analysis_options 파일 작성하기

rules에 추가하기 (코드 개선 부분 표시 안하기)

prefer_const_constructors: false
prefer_const_literals_to_create_immutables: false

 

팔레트에 Dart: Use Recommended Settings 설정하여 저장 시 자동 정렬하도록 설정한다.

 

Emulator 실행하기

팔레트에 Flutter: Launch Emulator 설정하여 가상 핸드폰 세팅하기

Ctrl + F5 단축키를 누르면 실행된다.

 

728x90