Virtual Studio Code搭建Dart環境
Virtual Studio Code
(下稱 VSCode
)一個運行於 Mac OS X、Windows和 Linux 之上的,針對於編寫現代 Web 和雲應用的跨平臺源代碼編輯器,其主要特點是開源以及輕量級,我們可以將其作爲學習Dart語言基礎的工具。
環境搭建步驟如下:
- 從VSCode官網下載並安裝
VSCode
- 安裝如下2個插件:
Dart : Dart語言插件
Code Runner: 快速編譯運行插件
除了安裝VSCode
之外,還需要進行下面兩步配置:
3. 設置Dart插件在終端輸出:
- Settings - User Settings - Extensions
- 在Extensions中找到 Run Code configu… 選項,點擊 Executor Map 中的 Edit in settings.json
- 在打開的 settings.json文件中,加入
"code-runner.runInTerminal": true
,如下圖:
如果沒進行如下配置,可能會遇到Dart在在終端輸出亂碼的問題,如下圖:
- 從官網下載並安裝Windows版本Dart SDK,安裝完成, 通過
dart --version
檢查環境配置:
如果沒有安裝SDK可以會遇到如下提示:
無法將“dart”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱....
- 測試
爲了大家安裝調試方便,下面貼出我的測試代碼:
void main() {
for (int i = 0; i < 5; i++) {
print('hello ${i + 1}');
}
}
新建文件,編碼並保存爲 .dart
後綴,點擊右上角工具欄 三角形的Run 圖標,運行。
正確輸出如下:
hello 1
hello 2
hello 3
hello 4
hello 5
- 其他問題
剛接觸VSCode可能還會遇到,找不到Main函數的問題:
Dart_LoadScriptFromKernel: The binary program does not contain 'main'.
這個是因爲寫完代碼,沒有保存導致,保存下,在Run就OK了。