Flutter - Dart語言SDK環境配置和遇到的錯誤解決

Flutter之Dart語言

Mac VSCode 配置Dart

學習Dart過程中、使用VSCode作為編輯器

一方面編寫代碼非常方便、而且界面風格我也很喜歡
另一方面我可以快速在終端看到我編寫代碼的效果
使用VSCode編寫Dart需要安裝Dart插件：

Dart 和 Flutter插件是為了Flutter開發准備的
Code Runner可以點擊右上角的按鈕讓我快速運行代碼

 

 

Hello World

在VSCode中新建一個helloWorld.dart文件、添加下面的內容


main(List<String> args) {
print('hello world dart');
}

run code或者右上角的運行按鈕(當你安裝了Code Runner插件就有了)

報錯:
Dart_LoadScriptFromKernel: The binary program does not contain 'main'.

解決:
　　先保存(command+s)代碼、 再運行就OK

 

tips:遇到的問題

用flutter開發項目，flutter環境都配置好了。需要學習dart語言，用VSCode跑dart時輸出報錯:

bin/sh: dart: command not found

原因：

如果只是開發移動端的項目不需要單獨安裝dart SDK，配置dart的環境變量。flutter SDK中帶的有dart SDK。但是如果要學習dart語言，用VS Code跑dart代碼，就需要在環境變量中配置dart SDK的安裝路徑。否則就會報如下錯誤，找不到dart命令。如果要開發Dart Web，命令行和服務器應用程序所需的庫和命令行工具，不開發移動應用沒有配置flutter環境就需要安裝dart SDK。

解決辦法：

配置dart SDk安裝路徑到環境變量中。

可以通過終端或者顯示隱藏文件，通過編輯器打開.bash_profile文件。

1. 先找到dart SDK安裝路徑，直接把dart-sdk下的bin目錄拖到終端，會顯示路徑。

2. 設置環境變量

通過終端打開環境變量.bash_profile文件
sudo vi ~/.bash_profile

(vim 使用方式 打開文件后輸入法英文狀態 編輯文件輸入 i , 退出 esc鍵 :wq )

配置dart SDK安裝路徑:

#Dart環境變量
export DART_HOME=這是dart SDK路徑一直到bin目錄 下面是我的完整路徑
export DART_HOME=/Users/wrp/flutter/bin/cache/dart-sdk/bin
export PATH="${DART_HOME}:${PATH}"

設置路徑的寫法好幾種那種都可以
export PATH=${PATH}:dart SDK路徑

export PATH=dart SDK路徑:${PATH}

3.環境配置好后保存下配置:

source ~/.bash_profile

4.在終端輸入:

dart
打印:

　　Usage: dart [<vm-flags>] <dart-script-file> [<script-arguments>]

　　Executes the Dart script <dart-script-file> with the given list of <script-arguments>.

dart --version 
打印: 
　　Dart VM version: 2.8.0-dev.20.0.flutter-1210d27678 (be) (Mon Apr 6 10:36:50 2020 +0000) on "macos_x64" 

就表示Dart環境配置成功了,然后重啟VSCode

注意:使用VSCode編寫dart代碼需要下載dart和code runner插件。