首頁 開發工具 sublime sublime怎麼運行javascript

sublime怎麼運行javascript

Apr 03, 2024 pm 01:33 PM
sublime macos

Sublime Text 中運行 JavaScript

Sublime Text 是一個流行的跨平台文字編輯器,它具有強大的功能,其中包括 JavaScript 運行功能。本文將向你展示如何在 Sublime Text 中執行 JavaScript。

步驟:

  1. 安裝 Node.js:首先,你需要安裝 Node.js,這是 JavaScript 的運作環境。請造訪 Node.js 官方網站下載並安裝對應的版本。
  2. 設定使用者首選項:開啟 Sublime Text 並前往功能表欄,選擇「首選項」 > 「設定」。在開啟的 JSON 檔案中,新增以下行:
    "javascript_selector": [
        "source.js",
        "source.js.flow",
        "source.js.jsx"
    ]
登入後複製
  1. 安裝 Babel:如果你需要使用 ES6 語法,則需要安裝 Babel。在終端機中執行以下指令:
<code>    npm install -g babel-cli</code>
登入後複製
  1. 設定Babel:在Sublime Text 中,前往功能表列,選擇「工具」 > “建置系統” > ; “新建建置系統”。然後貼上以下內容:
<code>{
    &quot;cmd&quot;: [&quot;babel&quot;, &quot;$file_name&quot;],
    &quot;file_patterns&quot;: [&quot;*.js&quot;]
}</code>
登入後複製
  1. 建立 JavaScript:將 JavaScript 程式碼保存在以 .js 結尾的檔案中。然後,轉到功能表欄,選擇“工具” > “構建”。這將使用 Babel 編譯你的程式碼。
  2. 執行JavaScript:建置完成後,可以以下步驟執行JavaScript:
  • 使用控制台:前往功能表欄,選擇“視圖” > “顯示控制台”。在控制台中貼上你的 JavaScript 程式碼並按 Enter 鍵。
  • 使用快速鍵:Ctrl B (Windows) 或Cmd B (macOS)運行目前選定的程式碼。如果未選擇任何程式碼,則將運行整個檔案。

注意:

  • 如果你使用的 Sublime Text 版本較早,則可能需要手動設定 Node.js 路徑。
  • 你可以使用 SublimeREPL 外掛程式來增強 JavaScript 運行體驗,該外掛程式提供了更進階的功能,例如偵錯和自動完成。

以上是sublime怎麼運行javascript的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Bybit交易所最新版本怎麼更新?不更新會有影響嗎? Bybit交易所最新版本怎麼更新?不更新會有影響嗎? Feb 21, 2025 pm 10:54 PM

Bybit交易所最新版本怎麼更新?不更新會有影響嗎?

Coinsuper交易所軟件渠道官網入口 Coinsuper交易所軟件渠道官網入口 Feb 21, 2025 pm 10:39 PM

Coinsuper交易所軟件渠道官網入口

BITGet官方網站安裝(2025新手指南) BITGet官方網站安裝(2025新手指南) Feb 21, 2025 pm 08:42 PM

BITGet官方網站安裝(2025新手指南)

哪些平台可下載Upbit交易所應用程式 哪些平台可下載Upbit交易所應用程式 Sep 09, 2024 pm 07:20 PM

哪些平台可下載Upbit交易所應用程式

歐易okx安裝包直接進 歐易okx安裝包直接進 Feb 21, 2025 pm 08:00 PM

歐易okx安裝包直接進

歐易交易所下載官方入口 歐易交易所下載官方入口 Feb 21, 2025 pm 07:51 PM

歐易交易所下載官方入口

gate.io官網註冊安裝包鏈接 gate.io官網註冊安裝包鏈接 Feb 21, 2025 pm 08:15 PM

gate.io官網註冊安裝包鏈接

比特幣用什麼看盤軟件 比特幣用什麼看盤軟件 Mar 17, 2025 pm 04:27 PM

比特幣用什麼看盤軟件

See all articles