寫vuejs用什麼ide工具

青灯夜游
發布: 2023-01-11 09:22:32
原創
13860 人瀏覽過

編寫vuejs可用的ide工具:1、Visual Studio Code,一款十分優秀的ide開發工具,擁有豐富的外掛程式;2、webStorm,一種智慧IDE;3、Sublime Text;4、HBuilder ;5、Atom等等。

寫vuejs用什麼ide工具

本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

寫vuejs可用的ide工具:

1、Visual Studio Code

Vscode 是一款十分出色的ide 開發工具,介面美觀大方,功能強勁實用,軟體支援中文,擁有豐富的插件,整合了所有一款現代編輯器所應該具備的特性,包括語法高亮(syntax high lighting),可自訂的熱鍵綁定(customizable keyboard bindings),括號匹配(bracket matching)以及程式碼片段收集(snippets)。支援 Windows,OS X 和 Linux 。內建 JavaScript、TypeScript 和 Node.js 支援。

優點:

  • 免費

  • #借助IntelliSense超越了語法突出顯示和自動完成功能。

  • 直接從編輯器偵錯程式碼。

  • 內建 Git 指令。

  • 可擴展和可自訂。

  • 以 Microsoft Azure 輕鬆部署和託管網站。

  • 官方連結網址:https://code.visualstudio.com/#built-in-git

2、webStorm

WebStorm是由JetBrains團隊開發的一種智慧IDE,主要專注於HTML、CSS和JavaScript的開發。它只收取像徵性的授權費用(在本文發佈時為49美金),在有經驗的JavaScript專家之間,它得到了廣泛的認可,並已經被視為事實上的標準,這一點不無道理,因為它內建的程式碼完成功能和審查工具可以說是獨一無二的。 WebStorm中也提供了一個豐富的JavaScript調試器,並且與各種流行的單元測試框架進行了集成,例如Karma測試執行器和JSDriver,甚至還包括支援Node.js的Mocha。

WebStorm最優秀的特性之一莫過於它的即時編輯(Live Edit)功能了。只要在Chrome和WebStorm中同時安裝某個插件,開發者就可以在變更程式碼的同時,直接在瀏覽器中看到結果。開發者還可以對即時編輯進行配置,讓瀏覽器視窗中的變更亮顯示,這大大提升了調試與編碼的生產力。

3、Sublime Text

Sublime Text實際上並不是一種IDE,而是一個輕量級的、速度飛快的用於程式設計的文字編輯器,提供了語法高亮功能和直覺的鍵盤快速鍵。它本身是跨平台的,因此對於那些想在PC環境中使用Mac(或反之)的開發者來說是理想的選擇。 Sublime Text的每個部分幾乎都是可自訂的,它還提供了多種插件,為它添加了類似於IDE的功能,例如和Git的集成,以及程式碼整理。對於JavaScript的愛好者和新手開發者來說,它是一個很好的選擇。

4、HBuilder

HBuilder是DCloud(數位天堂)推出的支援HTML5的Web開發IDE。 HBuilder的編寫用到了Java、C、Web和Ruby。 HBuilder本身主體是由Java所寫。

它是基於Eclipse,所以順其自然地相容了Eclipse的插件。

特點:

  • 快,是HBuilder的最大優勢,透過完整的語法提示和程式碼輸入法、程式碼區塊等,大幅提升HTML、js、css的開發效率。

5、Atom

Atom是由GitHub推出的一款開源的免費富文本編輯器,非常易於上手使用,在安裝後可以直接運行,而無需進行任何配置文件的改動,就能夠"良好地運行了"。 Atom最有趣的一點是可以對它的每一方面都進行自訂(GitHub將其稱為"可以隨便折騰"),它是在一個web核心的基礎上所創建的,因此用戶就可以通過編寫標準的HTML、CSS和JavaScript,對它的外觀進行自訂。想要為Atom換個不同的背景和文字字體?改一下CSS就行。或者你也可以選擇下載並套用各種為Atom所創建的主題。這種靈活性讓Atom能夠以你所希望的方式進行展現。對於JavaScript新手開發者和熱衷於自訂的使用者來說,Atom是一個優秀的工具。

相關推薦:《vue.js教學

以上是寫vuejs用什麼ide工具的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!