不可不知的 5 種 JavaScript 代碼編輯器
代碼編輯器對于程序員來說是不可或缺的,其中JavaScript是一款非常熱門的編程語言。本文將介紹5中非常實(shí)用的JavaScript代碼編輯器。
作者 | Sam Smile
譯者 | 胡雪蕊,責(zé)編 | 屠敏
出品 | CSDN (CSDNnews)
以下為譯文:
對于每個(gè)埋頭苦干的開發(fā)者來說,代碼編輯器都是必不可少的工具:有人利用它評估代碼的功能性和可移植性;有人利用它的設(shè)計(jì)和便利性;甚至有人借助記事本來寫代碼,就好比只用一把小錘子就能建成一座房子一樣……
JavaScript是一種功能強(qiáng)大的熱門編程語言。一方面,它有許多的框架和庫,另一方面,它是一門動(dòng)態(tài)的、解釋性語言。因此,你需要選擇一種合適的代碼編輯器。正確的選擇將會(huì)為你提供干凈的代碼、高效的開發(fā)速度、最小的錯(cuò)誤率,并且還能讓你從工作中獲得樂趣。
接下來,我們就為你從數(shù)百個(gè)編輯器中選出了5款最合適的編輯器。
WebStorm
JetBrains公司的WebStorm在兩個(gè)方面做得不錯(cuò),一方面是集成開發(fā)環(huán)境,它可以支持版本控制系統(tǒng);另一方面,作為編輯器,它支持諸如語法高亮、自動(dòng)生成和導(dǎo)航等標(biāo)準(zhǔn)功能。
WebStorm優(yōu)點(diǎn):
-
實(shí)時(shí)編輯—可以不需要保存就能看到代碼的變化;
與諸如React、Angular、Meteor等框架進(jìn)行交互;
與Mocha、Protractor、Jest、Karma整合進(jìn)行單元測試;
超過100個(gè)內(nèi)置的錯(cuò)誤檢測測試;
可以作為全面的調(diào)試器,調(diào)試服務(wù)器端和用戶端的代碼;
允許同時(shí)處理多個(gè)文件的導(dǎo)航;
代碼自動(dòng)生成,語法高亮。
缺點(diǎn):
-
第一年價(jià)錢為129美元;
該功能對于初學(xué)者是足夠的。
Visual Studio Code
這是IDE Visual Studio的一個(gè)開源編輯器,專注于代碼處理,簡單易學(xué)、使用方便、功能強(qiáng)大。
優(yōu)點(diǎn):
-
在語法、使用變量、模塊、函數(shù)方面可以進(jìn)行上下文語境的自動(dòng)生成;
調(diào)試斷點(diǎn)、調(diào)用棧和交互式控制臺(tái);
代碼段和模板支持;
Git 整合;
方便易用的界面;
免費(fèi)。
缺點(diǎn):
-
插件很少。
Sublime Text
這是一款方便且使用時(shí)間較長的跨平臺(tái)編輯器,擁有可定制化界面和利用熱鍵進(jìn)行簡單操作的能力。
優(yōu)點(diǎn):
-
熱鍵;
使用迷你地圖進(jìn)行導(dǎo)航代碼;
可以改變主題;
代碼段支持;
變量和語法的高亮和自動(dòng)生成;
使用指針進(jìn)行多次編輯;
構(gòu)建系統(tǒng)支持;
輸入時(shí)進(jìn)行語法的檢查;
插件比較多;
自動(dòng)保存。
缺點(diǎn):
-
完整版70 美元;
缺少用于放置鏈接的代碼分析器。
Atom Editor
Atom 是由GitHub 2015年開發(fā)的,它復(fù)用了Sublime Text的設(shè)計(jì),并使用Chromium框架。
優(yōu)點(diǎn):
-
50多個(gè)開放模塊;
方便舒適的界面;
免費(fèi);
代碼自動(dòng)生成和高亮;
擁有3500多個(gè)軟件包管理系統(tǒng);
靈活的連接包和界面主題的編輯設(shè)置;
利用熱鍵進(jìn)行編輯和導(dǎo)航。
缺點(diǎn):
-
性能不高;
沒有開箱即用功能。
Brackets
2014年,Brackets由于存在許多漏洞致使大量開發(fā)者拒絕使用,但是后來它又以其高質(zhì)量功能逐漸恢復(fù)了開發(fā)者的信心。
優(yōu)點(diǎn):
-
豐富的開箱即用功能;
實(shí)時(shí)預(yù)覽模式—可以實(shí)現(xiàn)編輯瀏覽器的實(shí)時(shí)預(yù)覽;
軟件包管理系統(tǒng);
可以在代碼中展示已用過的圖片和顏色;
自動(dòng)生成和語法高亮;
代碼分析器;
免費(fèi)。
缺點(diǎn):
-
嚴(yán)格面向網(wǎng)頁和HTML CSS JavaScript;
發(fā)展緩慢;
由于預(yù)覽功能導(dǎo)致性能不佳。
原文:https://writeabout.tech/programming/5-javascript-code-editors/
本文為 CSDN 翻譯,轉(zhuǎn)載請注明來源出處。
【END】