본문 바로가기
Dart/설치방법

[MAC 환경] VSCode에서 Dart SDK, Flutter SDK 설치, 환경 설정

by 뿌비 2024. 7. 30.
728x90

🔥 vscode에서 Dart 실행하기 위한 초기 설치와 환경 설정 과정

1. Dart SDK 설치 먼저? 어떻게? 

  • vscode 확장프로그램에서 Flutter 설치하고 나니 Dart SDK가 없다고 오류가 떴다... 찾아보니 Dart SDK를 설치해주어야 했다  

2. Flutter 도 사용할 계획이라면 Dart SDK  말고 Flutter SDK 설치! 

  •   Flutter SDK을 설치하면 Dart SDK 도 포함된다고 한다. 나는 Flutter 도 설치 해야 되기 때문에 Flutter SDK를 설치하기로 했다 

3. 맥북이 M1 환경이라면? 

  • 위 사이트에서 mac os를 선택하고 들어가면 두 가지 선택지가 나오는데 그전에 맥 M1 환경에서는 Rosetta 환경을 먼저 설치한 후 Apple Silicon의 zip을 다운로드해야 한다

Get the Flutter SDK


4. Rosetta 설치는 어떻게? 

일부 Flutter 구성 요소는 Apple 실리콘을 실행하는 Mac에서  Rosetta 2 번역 프로세스가  필요합니다 . 모든 Flutter 구성 요소를 Apple 실리콘에서 실행하려면 Rosetta 2를 설치하세요 .

  • 본인 맥북 Finder > 응용 프로그램 >  safari 우클릭 정보 가져오기 > Rosetta 체크하면 된다

5. 그다음은? 다시 3번으로 돌아가 Apple Silicon  zip 다운 


6. 설치가 다 되면 터미널 실행! 

  •  터미널 실행 후 따로 이동 없이 현재 경로에서 아래의 코드를 입력해 준다
sudo softwareupdate --install-rosetta --agree-to-license
  • 그 후  mkdir 명령어를 사용해 폴더를 하나 만들어준다. (폴더명은 마음대로 해도 되고, 그 폴더 안에 5번에서 다운로드한 파일을 unzip 해준다
mkdir development;   // 1. 폴더 만듦
cd development;      // 2. development 폴더로 이동 
unzip ~/Downloads/flutter_macos_arm64_3.22.3-stable.zip // 3.다운한 파일 풀기

7. 6번까지 완료했다면? 

  • 영구적인 환경변수 설정을 해주어야 한다

8. 영구적인 환경 변수 설정은 어떻게? 

  • 다른 터미널을 새로 열고 ls -al을 해서 현재 파일들 중에. bash_profile 파일이 있는지 확인한다 

9. bash_profile 파일이 있으면  터미널에 아래의 순서대로 입력

bash_profile 파일 이란?
환경 변수와 bash가 수행될 때 실행되는 프로그램을 제어하는 지역적인 시스템 설정과 관련된 파일이다
  1. ls -al 
  2. open. bash_profile 
  3. export PATH=$PATH:~/development/flutter/bin 입력 후 command+S로 저장하고, command +Q로 종료
/development/flutter는 6번에서 Flutter를 다운로드한 경로
  1. 4. source ~/. bash_profile로 저장
  2. 5.  Flutter --version을 했을 때 아래처럼 버전이 나오면 환경변수 설정이 된 거니까 vscode에서 실행해 보면 된다
Flutter 3.22.3 • channel stable • https://github.com/flutter/flutter.git Framework • revision b0850beeb2 (13일 전) • 2024-07-16 21:43:41 -0700 Engine • revision 235db911ba

10. vscode에서 실행 결과

728x90