Sublime Text內運行javascript(ES6)

shery 發布于2019-08-21 10:21 / 598人閱讀

摘要：前言調試代碼經常是在瀏覽器中完成的如果編輯器也能完成部分的調試工作那我相信前端和的世界將美好很多先上圖實現首先安裝當然你可以使用其它諸如之類的環境來運行本文使用的是首先確保你的電腦已經安裝好并已將其添加到環境變量中一般安裝時自動添加或者詢問

前言

調試js代碼經常是在瀏覽器中完成的, 如果編輯器也能完成部分的調試工作, 那我相信前端和node的世界將美好很多. OK, 先上圖:

實現 首先安裝nodejs

當然你可以使用其它諸如jsc之類的環境來運行js, 本文使用的是nodejs. 首先確保你的電腦已經安裝好nodejs, 并已將其添加到環境變量中 (一般安裝時自動添加或者詢問是否添加)

添加build system

在sublime text中依次打開Tools -> Build System -> New Build System... 粘貼以下代碼后保存(如Node.sublime-build), 然后把Build System設成Automatic

{
    "cmd": ["node", "--use-strict", "--harmony", "$file"],
    "selector": "source.js"
}

說明

在以上的build文件中(Node.sublime-build), node是執行命令, --harmony和--use-strict是執行參數, $file是當前文件名, 所以一次build操作實際上相當于在命令行中執行了node --use-strict --harmony filename. --harmony表示啟用ES Harmony features, 而這些features目前只能在strict模式下運行, 所以需要同時添加use-strict參數(詳見what-is-extended-mode).

如果不想啟用es6的特性,把build文件更改成以下代碼保存即可.

{
    "cmd": ["node", "$file"],
    "selector": "source.js"
}

使用

在sublime test中新建一個test.js文件, 然后輸入你的測試代碼, 比如:

for (let i = 0; i < 3; i++) {
    console.log("i:", i);
}

使用快捷鍵ctrl + b, 將得到以下執行結果:

i: 0
i: 1
i: 2
[Finished in 0.1s]

注: 文件必須是存在于磁盤中的, 而不是untitled的, 否則sublime無法找到相應的文件.

以上.

GPU云服務器云服務器 sublime-text sublime-text-3 sublime-text2-標簽高亮公司內網服務器運行慢

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85391.html

Sublime text 前端開發插件安裝和配置

摘要：前端開發配置此文件目錄中文件主要是關于的插件配置，快捷鍵配置，主題和字體配置。插件列表所有插件都可以使用安裝，具體的安裝方法可以自行谷歌安裝，不在本文的介紹范圍之內。這兩個插件主要是平時使用或者是這些預編譯語言有用，支持語法高亮。前端開發sublimeconfig mac配置此文件目錄中文件主要是關于sublime的插件配置，快捷鍵配置，主題和字體配置。插件列表所有插件都可以使...

glumes 2019-08-19 17:20 評論0 收藏0
Sublime Text 3 搭建 React.js 開發環境

摘要：有很強的自定義功能，插件庫很龐大，針對新語言插件更新很快，配合使用可以快速搭建適配語言的開發環境。該命令依賴于包。源目錄路徑輸出路徑把所有東西放入緩存中，每次只編譯修改過的文件發生錯誤時不會中斷的流程，同時觸發消息提示在命令行中輸入運行。 Sublime有很強的自定義功能，插件庫很龐大，針對新語言插件更新很快，配合使用可以快速搭建適配語言的開發環境。 1. babel-sublime ...

Big_fat_cat 2019-08-21 10:39 評論0 收藏0
Sublime Text 特色插件推薦，持續更新！

摘要：不過建議只用來進行系語言的語義分析，因為有，有類更好的語法高亮，類似的還有，選一個就好了。從目前的使用情況來看，部分實現了，比如自動完成和語法高亮，以及用的檢查格式。管理文檔的語法高亮。自從接觸到了sublime text，感覺確實是越用越好用，幾乎所有和文字編輯有關的都離不開它。這一年多搜集了不少插件，不敢獨享，拿出來和大家同樂。我用的是Sublime Text 3, 以下所有的插...

Jensen 2019-07-31 11:43 評論0 收藏0
vue.js的起步

摘要：可用于快速搭建單頁應用起步代碼。之后閱讀代碼，所有的擴展名為文件都會有相應的高光顯示。查看起步代碼中有一個組件代碼，在內。把組件的值改改。瀏覽器會自動刷新的。有了它，可以在內看到更加友好的錯誤提示。和運行看到的一模一樣。介紹 vue.js 是一個客戶端js庫，可以用來開發單頁應用。為了一個項目的選型，我前前后后的看了angular、react、vuejs ，對前兩者是佩服，對后者是愛...

sihai 2019-08-21 14:17 評論0 收藏0
前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0