IntelliJ IDEA運(yùn)行和調(diào)試Dart Web應(yīng)用程序

運(yùn)行和調(diào)試Dart Web應(yīng)用程序

您可以在任何瀏覽器中運(yùn)行Dart Web應(yīng)用程序，而調(diào)試僅在Dartium 和Chrome中支持。要運(yùn)行Dart Web應(yīng)用程序，請?jiān)跒g覽器中打開應(yīng)用程序的主HTML文件。調(diào)試Dart Web應(yīng)用程序是通過類型JavaScript Debug的運(yùn)行配置啟動的。

IntelliJ IDEA與pub serve工具集成在一起，在必要時(shí)將Dart代碼編譯為JavaScript。當(dāng)您在瀏覽器中打開Dart Web應(yīng)用程序時(shí)，通常從內(nèi)置的服務(wù)器URL（例如，http://localhost:63342/project-name/web/index.html）開始。但是，內(nèi)置服務(wù)器不用于為應(yīng)用程序提供服務(wù)。相反，IntelliJ IDEA會自動啟動pub服務(wù)（例如在隨機(jī)的自由端口上，例如，54321），并將瀏覽器頁面重定向到發(fā)布服務(wù)URL（例如，http://localhost:54321/index.html）。

pub服務(wù)的工作記錄在專用pub服務(wù)工具窗口中。當(dāng)您在當(dāng)前IntelliJ IDEA會話期間首次運(yùn)行或調(diào)試Dart Web應(yīng)用程序時(shí)，工具窗口會打開。您可以通過單擊工具欄上的 來停止該工具。當(dāng)您再次開始運(yùn)行或調(diào)試時(shí)，pub serve會自動重新啟動。

運(yùn)行Dart Web應(yīng)用程序

用Dart參考打開HTML文件，或者在項(xiàng)目工具窗口中選擇它。在編輯器或選擇的上下文菜單上，單擊“在瀏覽器中打開（Open in Browser）”并在列表中選擇所需的瀏覽器。

或者，在編輯器中打開HTML文件，按Alt+F2，然后從彈出式菜單中選擇一個(gè)瀏覽器。

調(diào)試Dart Web應(yīng)用程序

此功能僅在Ultimate版本中受支持。

僅在Dartium和Chrome中支持Dart Web應(yīng)用程序的調(diào)試。調(diào)試會話通過類型為JavaScript Debug的運(yùn)行配置啟動。

在開始之前，你需要先配置內(nèi)置調(diào)試器，按照“配置JavaScript調(diào)試器”中的描述進(jìn)行配置。要使用實(shí)時(shí)編輯功能并在瀏覽器中查看HTML和CSS中的更改，請安裝JetBrains IDE支持Chrome擴(kuò)展。

在HTML，CSS和JavaScript的Live Edit中查找更多內(nèi)容。

創(chuàng)建JavaScript Debug運(yùn)行/調(diào)試配置

1. 打開引用Dart的HTML文件或在項(xiàng)目工具窗口中選擇文件 。
2. 在上下文菜單中，選擇：創(chuàng)建'<HTML_file_name>'（Create '<HTML_file_name>'），將打開該“運(yùn)行/調(diào)試配置：JavaScript的調(diào)試（Run/Debug Configuration: JavaScript Debug）”對話框打開。
3. 選擇瀏覽器來調(diào)試應(yīng)用程序。如果您選擇具有內(nèi)置Dart虛擬機(jī)的Dartium，則Dart代碼將以本機(jī)方式執(zhí)行。如果您選擇Chrome，則Dart代碼將通過dart2js或dartdevc工具編譯為JavaScript 。
4. 該URL字段已經(jīng)以格式，http://localhost:<built-in server port>/<project-name>/<relative path to the HTML file>，顯示應(yīng)用程序的URL地址。在調(diào)試會話期間，瀏覽器將從該URL重定向到pub服務(wù)URL。
   確保此URL地址中的端口與調(diào)試器頁面上的內(nèi)置服務(wù)器端口以及Chrome擴(kuò)展設(shè)置中的端口相同。

開始調(diào)試

1. 在Dart代碼中配置和設(shè)置斷點(diǎn)。
2. 啟動調(diào)試會話：從工具欄上的“編輯配置（Edit configurations）”下拉列表中選擇已創(chuàng)建的運(yùn)行配置，然后單擊 。IntelliJ IDEA在選定的瀏覽器中打開指定的URL。
3. 在打開的調(diào)試工具窗口中，逐步執(zhí)行程序，停止并恢復(fù)程序執(zhí)行，在暫停時(shí)檢查它等。