站長資訊網(wǎng)
編寫vuejs可用的ide工具：1、Visual Studio Code，一款十分出色的ide開發(fā)工具，擁有豐富的插件；2、webStorm，一種智能IDE；3、Sublime Text；4、HBuilder；5、Atom等等。
本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。
編寫vuejs可用的ide工具：
1、Visual Studio Code
Vscode 是一款十分出色的 ide 開發(fā)工具，界面美觀大方，功能強勁實用，軟件支持中文，擁有豐富的插件，集成了所有一款現(xiàn)代編輯器所應(yīng)該具備的特性，包括語法高亮(syntax high lighting)，可定制的熱鍵綁定(customizable keyboard bindings)，括號匹配(bracket matching)以及代碼片段收集(snippets)。支持 Windows，OS X 和 Linux 。內(nèi)置 JavaScript、TypeScript 和 Node.js 支持。
優(yōu)點：
-
免費
-
借助IntelliSense超越了語法突出顯示和自動完成功能。
-
直接從編輯器調(diào)試代碼。
-
內(nèi)置 Git 命令。
-
可擴展和可定制。
-
以 Microsoft Azure 輕松部署和托管網(wǎng)站。
-
官方鏈接地址：https://code.visualstudio.com/#built-in-git
2、webStorm
WebStorm是由JetBrains團隊開發(fā)的一種智能IDE，主要專注于HTML、CSS和JavaScript的開發(fā)。它只收取象征性的授權(quán)費用（在本文發(fā)布時為49美金），在有經(jīng)驗的JavaScript專家之間，它得到了廣泛的認可，并已經(jīng)被視為事實上的標(biāo)準(zhǔn)，這一點不無道理，因為它內(nèi)置的代碼完成功能和審查工具可以說是獨一無二的。WebStorm中也提供了一個豐富的JavaScript調(diào)試器，并且與各種流行的單元測試框架進行了集成，例如Karma測試執(zhí)行器和JSDriver，甚至還包括支持Node.js的Mocha。
WebStorm最優(yōu)秀的特性之一莫過于它的實時編輯（Live Edit）功能了。只要在Chrome和WebStorm中同時安裝某個插件，開發(fā)者就可以在變更代碼的同時，直接在瀏覽器中看到結(jié)果。開發(fā)者還可以對實時編輯進行配置，讓瀏覽器窗口中的變更高亮顯示，這極大地提升了調(diào)試與編碼的生產(chǎn)力。
3、Sublime Text
Sublime Text實際上并不是一種IDE，而是一個輕量級的、速度飛快的用于編程的文本編輯器，提供了語法高亮功能和直觀的鍵盤快捷鍵。它本身是跨平臺的，因此對于那些想在PC環(huán)境中使用Mac（或者反之）的開發(fā)者來說是理想的選擇。Sublime Text的每個部分幾乎都是可以進行自定義的，它還提供了多種插件，為它加入了類似于IDE的功能，例如和Git的集成，以及代碼整理。對于JavaScript的愛好者和新手開發(fā)者來說，它是一個很好的選擇。
4、HBuilder
HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。
它基于Eclipse，所以順其自然地兼容了Eclipse的插件。
特點：
-
快，是HBuilder的最大優(yōu)勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發(fā)效率。
5、Atom
Atom是由GitHub推出的一款開源的免費富文本編輯器，非常易于上手使用，在安裝后可以直接運行，而無需進行任何配置文件的改動，就能夠"良好地運行了"。Atom最有趣的一點是可以對它的每一方面都進行自定義（GitHub將其稱為"可以隨便折騰"），它是在一個web核心的基礎(chǔ)上所創(chuàng)建的，因此用戶就可以通過編寫標(biāo)準(zhǔn)的HTML、CSS和JavaScript，對它的外觀進行自定義。想要為Atom換個不同的背景和文本字體？改一下CSS就行。或者你也可以選擇下載并應(yīng)用各種為Atom所創(chuàng)建的主題。這種靈活性讓Atom能夠按照你所希望的方式進行展現(xiàn)。對于JavaScript新手開發(fā)者和熱衷于自定義的用戶來說，Atom是一個優(yōu)秀的工具。
