Virtual Studio Code搭建Dart環境

Virtual Studio Code搭建Dart環境

Virtual Studio Code(下稱 VSCode)一個運行於 Mac OS X、Windows和 Linux 之上的,針對於編寫現代 Web 和雲應用的跨平臺源代碼編輯器,其主要特點是開源以及輕量級,我們可以將其作爲學習Dart語言基礎的工具。

環境搭建步驟如下:

  1. VSCode官網下載並安裝 VSCode
  2. 安裝如下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在在終端輸出亂碼的問題,如下圖:
    輸出亂碼
  1. 官網下載並安裝Windows版本Dart SDK,安裝完成, 通過 dart --version 檢查環境配置:
    Dart檢查
    如果沒有安裝SDK可以會遇到如下提示:
    無法將“dart”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱....
  1. 測試
    爲了大家安裝調試方便,下面貼出我的測試代碼:
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
  1. 其他問題
    剛接觸VSCode可能還會遇到,找不到Main函數的問題:
     Dart_LoadScriptFromKernel: The binary program does not contain 'main'.

這個是因爲寫完代碼,沒有保存導致,保存下,在Run就OK了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章