Sublime Text內(nèi)運(yùn)行javascript(ES6)

shery 發(fā)布于2019-08-21 10:21 / 609人閱讀

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

前言

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

實(shí)現(xiàn) 首先安裝nodejs

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

添加build system

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

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

說明

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

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

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

使用

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

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

使用快捷鍵ctrl + b, 將得到以下執(zhí)行結(jié)果:

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

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

以上.

GPU云服務(wù)器云服務(wù)器 sublime-text sublime-text-3 sublime-text2-標(biāo)簽高亮公司內(nèi)網(wǎng)服務(wù)器運(yùn)行慢

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85391.html

相關(guān)文章

Sublime text 前端開發(fā)插件安裝和配置

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

glumes 2019-08-19 17:20 評論0 收藏0
Sublime Text 3 搭建 React.js 開發(fā)環(huán)境

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

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

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

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

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

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

摘要：特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會不定期更...

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