寫(xiě)vuejs用哪些ide工具

這篇文章主要為大家展示了“寫(xiě)vuejs用哪些ide工具”，內容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習一下“寫(xiě)vuejs用哪些ide工具”這篇文章吧。

編寫(xiě)vuejs可用的ide工具：1、Visual Studio Code，一款十分出色的ide開(kāi)發(fā)工具，擁有豐富的插件；2、webStorm，一種智能IDE；3、Sublime Text；4、HBuilder；5、Atom等等。

本教程操作環(huán)境：windows7系統、vue2.9.6版，DELL G3電腦。

編寫(xiě)vuejs可用的ide工具：

1、Visual Studio Code

Vscode 是一款十分出色的 ide 開(kāi)發(fā)工具，界面美觀(guān)大方，功能強勁實(shí)用，軟件支持中文，擁有豐富的插件，集成了所有一款現代編輯器所應該具備的特性，包括語(yǔ)法高亮(syntax high lighting)，可定制的熱鍵綁定(customizable keyboard bindings)，括號匹配(bracket matching)以及代碼片段收集(snippets)。支持 Windows，OS X 和 Linux 。內置 JavaScript、TypeScript 和 Node.js 支持。

優(yōu)點(diǎn)：

• 免費

• 借助IntelliSense超越了語(yǔ)法突出顯示和自動(dòng)完成功能。

• 直接從編輯器調試代碼。

• 內置 Git 命令。

• 可擴展和可定制。

• 以 Microsoft Azure 輕松部署和托管網(wǎng)站。

• 官方鏈接地址：https://code.visualstudio.com/#built-in-git

2、webStorm

WebStorm是由JetBrains團隊開(kāi)發(fā)的一種智能IDE，主要專(zhuān)注于HTML、CSS和JavaScript的開(kāi)發(fā)。它只收取象征性的授權費用（在本文發(fā)布時(shí)為49美金），在有經(jīng)驗的JavaScript專(zhuān)家之間，它得到了廣泛的認可，并已經(jīng)被視為事實(shí)上的標準，這一點(diǎn)不無(wú)道理，因為它內置的代碼完成功能和審查工具可以說(shuō)是獨一無(wú)二的。WebStorm中也提供了一個(gè)豐富的JavaScript調試器，并且與各種流行的單元測試框架進(jìn)行了集成，例如Karma測試執行器和JSDriver，甚至還包括支持Node.js的Mocha。

WebStorm最優(yōu)秀的特性之一莫過(guò)于它的實(shí)時(shí)編輯（Live Edit）功能了。只要在Chrome和WebStorm中同時(shí)安裝某個(gè)插件，開(kāi)發(fā)者就可以在變更代碼的同時(shí)，直接在瀏覽器中看到結果。開(kāi)發(fā)者還可以對實(shí)時(shí)編輯進(jìn)行配置，讓瀏覽器窗口中的變更高亮顯示，這極大地提升了調試與編碼的生產(chǎn)力。

3、Sublime Text

Sublime Text實(shí)際上并不是一種IDE，而是一個(gè)輕量級的、速度飛快的用于編程的文本編輯器，提供了語(yǔ)法高亮功能和直觀(guān)的鍵盤(pán)快捷鍵。它本身是跨平臺的，因此對于那些想在PC環(huán)境中使用Mac（或者反之）的開(kāi)發(fā)者來(lái)說(shuō)是理想的選擇。Sublime Text的每個(gè)部分幾乎都是可以進(jìn)行自定義的，它還提供了多種插件，為它加入了類(lèi)似于IDE的功能，例如和Git的集成，以及代碼整理。對于JavaScript的愛(ài)好者和新手開(kāi)發(fā)者來(lái)說(shuō)，它是一個(gè)很好的選擇。

4、HBuilder

HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder的編寫(xiě)用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫(xiě)。

它基于Eclipse，所以順其自然地兼容了Eclipse的插件。

特點(diǎn)：

• 快，是HBuilder的最大優(yōu)勢，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開(kāi)發(fā)效率。

5、Atom

Atom是由GitHub推出的一款開(kāi)源的免費富文本編輯器，非常易于上手使用，在安裝后可以直接運行，而無(wú)需進(jìn)行任何配置文件的改動(dòng)，就能夠"良好地運行了"。Atom最有趣的一點(diǎn)是可以對它的每一方面都進(jìn)行自定義（GitHub將其稱(chēng)為"可以隨便折騰"），它是在一個(gè)web核心的基礎上所創(chuàng )建的，因此用戶(hù)就可以通過(guò)編寫(xiě)標準的HTML、CSS和JavaScript，對它的外觀(guān)進(jìn)行自定義。想要為Atom換個(gè)不同的背景和文本字體？改一下CSS就行?；蛘吣阋部梢赃x擇下載并應用各種為Atom所創(chuàng )建的主題。這種靈活性讓Atom能夠按照你所希望的方式進(jìn)行展現。對于JavaScript新手開(kāi)發(fā)者和熱衷于自定義的用戶(hù)來(lái)說(shuō)，Atom是一個(gè)優(yōu)秀的工具。