不可不知的 5 種 JavaScript 代碼編輯器

2021-02-13 CSDN

代碼編輯器對於程式設計師來說是不可或缺的,其中JavaScript是一款非常熱門的程式語言。本文將介紹5中非常實用的JavaScript代碼編輯器。

作者 | Sam Smile

譯者 | 胡雪蕊,責編 | 屠敏 

出品 | CSDN (CSDNnews)

以下為譯文:

對於每個埋頭苦幹的開發者來說,代碼編輯器都是必不可少的工具:有人利用它評估代碼的功能性和可移植性;有人利用它的設計和便利性;甚至有人藉助記事本來寫代碼,就好比只用一把小錘子就能建成一座房子一樣.

JavaScript是一種功能強大的熱門程式語言。一方面,它有許多的框架和庫,另一方面,它是一門動態的、解釋性語言。因此,你需要選擇一種合適的代碼編輯器。正確的選擇將會為你提供乾淨的代碼、高效的開發速度、最小的錯誤率,並且還能讓你從工作中獲得樂趣。

接下來,我們就為你從數百個編輯器中選出了5款最合適的編輯器。

WebStorm



JetBrains公司的WebStorm在兩個方面做得不錯,一方面是集成開發環境,它可以支持版本控制系統;另一方面,作為編輯器,它支持諸如語法高亮、自動生成和導航等標準功能。 

WebStorm優點:

實時編輯—可以不需要保存就能看到代碼的變化;

與諸如React、Angular、Meteor等框架進行交互;

與Mocha、Protractor、Jest、Karma整合進行單元測試;

超過100個內置的錯誤檢測測試;

可以作為全面的調試器,調試伺服器端和用戶端的代碼;

允許同時處理多個文件的導航;

代碼自動生成,語法高亮。

缺點:

第一年價錢為129美元;

該功能對於初學者是足夠的。

 

Visual Studio Code



這是IDE Visual Studio的一個開源編輯器,專注於代碼處理,簡單易學、使用方便、功能強大。

優點:

缺點:

 

Sublime Text



這是一款方便且使用時間較長的跨平臺編輯器,擁有可定製化界面和利用熱鍵進行簡單操作的能力。 

優點:

熱鍵;

使用迷你地圖進行導航代碼;

可以改變主題;

代碼段支持;

變量和語法的高亮和自動生成;

使用指針進行多次編輯;

構建系統支持;

輸入時進行語法的檢查;

插件比較多;

自動保存。

缺點:

Atom Editor



Atom 是由GitHub 2015年開發的,它復用了Sublime Text的設計,並使用Chromium框架。 

優點:

50多個開放模塊;

方便舒適的界面;

免費;

代碼自動生成和高亮;

擁有3500多個軟體包管理系統;

靈活的連接包和界面主題的編輯設置;

利用熱鍵進行編輯和導航。

缺點:

 

Brackets



2014年,Brackets由於存在許多漏洞致使大量開發者拒絕使用,但是後來它又以其高質量功能逐漸恢復了開發者的信心。

優點:

豐富的開箱即用功能;

實時預覽模式—可以實現編輯瀏覽器的實時預覽;

軟體包管理系統;

可以在代碼中展示已用過的圖片和顏色;

自動生成和語法高亮;

代碼分析器;

免費。

缺點:

原文:https://writeabout.tech/programming/5-javascript-code-editors/

本文為 CSDN 翻譯,轉載請註明來源出處。

【END】

 熱 文 推 薦 

☞不敵 Java、C/C++、Python,28 歲 VB 究竟輸在了哪?

☞ NB-IoT 備胎轉正的背後,究竟意味著什麼?

☞即使在微軟 Azure 上,Linux 也大有一統天下之勢!

☞ 程式設計師 12 小時驚魂記:凌晨遷移數據出大事故!

☞ 5G+AI重新定義生老病死?

☞乾貨 | 20個Python教程,掌握時間序列的特徵分析(附代碼)

☞ 阿里雲十年,從去「IOE」到引領雲原生浪潮

☞ 知名飲料製造商股價暴漲500%驚動FBI,只因在名字中加入了"區塊鏈" ?

☞ 為什麼雷軍說「華為不懂研發」?

點擊閱讀原文,輸入關鍵詞,即可搜索您想要的 CSDN 文章。

相關焦點

  • WEB編輯器哪家強
    作為一名coder,像VS Code這樣的代碼編輯器自然是必不可少的,你還可以使用類似CodeSandbox這樣的online編輯器開發demo程序。編輯器更多是作為工具方便我們進行日常的代碼開發工作,倘若將編輯器視作產品的一部分為其提供可擴展的能力,我們該如何應對。答案是:web編輯器,現在熱門的可視化頁面搭建系統便是一個典型的案例。
  • 10個優化代碼的CSS和JavaScript工具
    代碼檢查的過程也俗稱為是Web設計師和開發者之間的linting。作為一個設計師,如果你想要寫出高度優化的代碼,那麼你一定需要linting工具。有兩種類型的代碼檢查工具。一種是在執行時間檢查代碼中的錯誤和bug。另一種是使用靜態代碼分析技術並在執行前檢查碼。後者因為可以節省時間和麻煩顯然更佳。事實上,linting可以放在不同的階段。
  • 所見即所得富文本編輯器實現原理
    ,富文本編輯器常用於編輯博客、用戶交互,富文本編輯器分為兩種:所見即所得和非所見即所得兩種富文本編輯器的實現原理是不相同的。所見即所得編輯器在1中我提到的幾種效果,我們無法在textarea中見到立竿見影的效果(所見即所得),而文本域本身也只是支持一些字符的輸入,並不支持顯示html。如何做到編輯像文本域,又能夠即時所見呢?答案就是使用iframe作為內容編輯區域。iframe本身也是一個嵌套頁面,它如何能夠被編輯呢?
  • 編寫一個非常簡單的 JavaScript 編輯器
    然而,這些編輯器有一個問題:它們難以擴展和難以理解。當我看到這些產品的代碼時,有一些我不能輕易理解,有一些我沒有自信可以在上面構建東西。現在,我的哲學是構建簡單的工具,可以工作,可以理解,可以組合和擴展。所以我想嘗試另一種方法,從頭開始構建一個簡單的Web編輯器。
  • 編輯器聖戰之Emacs篇
    之所以使用VIM是因為當時看了一個大哥用VIM寫代碼的視頻...全程高能,嘴巴大張,帥尿了...半年前決定入手Emacs,當時完全是為了折騰才開始玩的Emacs,確實花了一段時間來學習Emacs以及lisp,現在看來花的時間也不是那麼多,而且有望終身受用,最重要的是Emacs很好用。
  • 程式設計師最愛用的10款JavaScript編輯器
    對於一名JavaScript程式設計師來說,目前有很多很好的代碼編輯器工具可以去選擇。
  • 5款最受Python開發者歡迎的Python IDE和代碼編輯器
    5個Python IDE和文本編輯器的比較在本文中,我們將介紹5個熱門的Python IDE和5個Python文本編輯器。根據您的領域,價格和功能-您將看到最適合您的Python IDE和代碼編輯器。分不清是使用Eclipse這樣的IDE,還是應該使用Sublime文本這樣簡單的東西?那麼本文就為你詳細介紹這些知識。
  • 開發人員最愛用的33個代碼編輯器推薦!
    對於開發人員來說,利用一款好用的代碼編輯器,可以起到事半功倍的作用。本人歸納整理了開發人員比較常用的代碼編輯器,希望大家喜歡!
  • 2018年最熱門的五款代碼編輯器
    21世紀技術官導讀:如果你正在尋找最新的代碼編輯器,我們提供了一個列表精選了一組好的編輯器。不要再觀望了,先下手為強!
  • 2019年最受國外程式設計師青睞的6款文本編輯器
    Atom提供Node.js插件支持,及GitHub控制項支持等,可以基於Atom編寫python,javascript,ruby,html,css,php代碼。Sublime Text 是一個代碼編輯器(Sublime Text 2是收費軟體,但可以無限期試用),也是HTML和散文先進的文本編輯器。
  • Kite將其AI驅動的代碼完成功能引入JavaScript
    Kite最初僅適用於Python,已在其附加組件中添加了受JavaScript訓練的機器學習模型,以供流行的代碼編輯器和IDE使用。Kite是由AI驅動的Python自動完成編程工具的製造商, 已添加了JavaScript支持。
  • 這些優秀的主流代碼編輯器,你用過多少款?
    儘管對於給定的項目有許多程式語言可供選擇,但有一件事是亙古不變的,每個開發者都需要一個代碼編輯器來寫代碼。一個好的代碼編輯器不僅僅是一個簡單的文本編輯工具,這是發生奇蹟的地方,開發者編寫的代碼會轉化為更大的項目的可用組件。鑑於這一重要性,難怪開發者會對與他們日夜共處的代碼編輯器如此挑剔。每個開發者都希望擁有一個快速、易於使用且功能均衡的代碼編輯器。
  • 讓medit 成為你的下一個 Linux 代碼編輯器
    讓 medit 成為你的下一個 Linux 代碼編輯器 這款經典的文本編輯器提供了所有的基本功能和一些讓你自定義你的體驗的令人興奮的功能。它還具有針對兩種程式語言以及標記語言和 Markdown 的語法高亮顯示功能,因此它是可以用於編輯代碼和普通文本的編輯器。當編輯沒有語法關聯的純文本或像 Asciidoc 這樣的格式時,medit 沒有預設的高亮方案,編輯器會採用你的系統默認值。我使用的是深色主題,所以 medit 在深灰色背景上顯示白色文本。
  • 零基礎學Python,寫代碼到底用什麼編輯器或者IDE?
    對於零基礎的朋友來說,學習Python有一個小門檻或者說小考驗,那就是選擇寫代碼的工具。簡單,上網查,用什麼工具來寫Python代碼,答案五花八門,各種編輯器、各種IDE,難道一個個試過來?天啊,還沒開始學習已經被工具給整慘了。
  • 【Atom】用最酷的編輯器 寫最美的代碼
    固定布局                                                        工具條上設置固定寬高背景可以設置被包含可以完美對齊背景圖和文字以及製作自己的模板寫代碼本應該是很享受的事情,我們有極客高效的 Vim,簡約美麗的 Sublime Text,從小至最為純粹的編輯器,到大至包羅萬物的 IDE。
  • 我的前端故事----優美的編輯器GitHub Atom
    docblockr: 我們不僅僅要寫代碼,還要養成寫好注釋的習慣,而經常看開源框架的同學會發現那些大神的代碼前都會有一段完美的注釋,寫清了所有的參數和使用方式,你會覺得大神不僅僅代碼專業,態度也是非常的認真,其實,有了這個插件,你僅僅需要一個tab鍵就可以寫出一樣專業的注釋!強烈推薦!!!
  • 推薦幾個大廠的前端代碼規範,你也能寫出詩一樣的代碼!
    以下為【前端GitHub】的第 5 期內容。今天給大家帶來的是 幾個大廠的前端代碼規範。前端代碼規範代碼千萬行,安全第一行;前端不規範,同事兩行淚。騰訊5 兼容性、測試、性能、資源、JavaScript 風格指南說明Airbnb Javascript Style Guide:https://github.com/airbnb/javascript百度
  • 如何在javascript中創建一個對象?
    javascript是一門基於對象而不是面向對象的語言,由於它的這個缺陷,在javascript中實現面向對象時十分彆扭,就比如創建對象,由於在ES6之前沒有class關鍵字,想要創建對象必須依賴以下幾種間接方式。
  • 如何用不到 2KB 的 JavaScript 代碼寫一個 3D 賽車遊戲?
    在壓縮方面,這不算很成功,大部分擠出的空間來自代碼本身的結構優化。代碼需要壓縮到2KB。如果不是非要這麼做不可,有一個類似的但功能沒那麼強的工具叫做 RegPack 。無論哪種方式,策略都是一樣的:盡最大可能重複代碼,然後用壓縮工具壓縮。最好的例子是 c.width,c.height和 Math。
  • 高級程式設計師最愛用的8款代碼編輯器,你用哪幾個?
    對於開發人員來說,利用一款好用的代碼編輯器,可以起到事半功倍的作用。本人歸納整理了開發人員比較常用的8款代碼編輯器,希望大家喜歡!