編寫vuejs可用的ide工具：1、Visual Studio Code，一款十分優(yōu)秀的ide開發(fā)工具，擁有豐富的外掛程式；2、webStorm，一種智慧IDE；3、Sublime Text；4、HBuilder ；5、Atom等等。

本教學(xué)操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

寫vuejs可用的ide工具：

1、Visual Studio Code

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

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

• 免費(fèi)

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

• 直接從編輯器偵錯(cuò)程式碼。

• 內(nèi)建 Git 指令。

• 可擴(kuò)展和可自訂。

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

• 官方連結(jié)網(wǎng)址：https://code.visualstudio.com/#built-in-git

2、webStorm

WebStorm是由JetBrains團(tuán)隊(duì)開發(fā)的一種智慧IDE，主要專注於HTML、CSS和JavaScript的開發(fā)。它只收取像徵性的授權(quán)費(fèi)用（在本文發(fā)佈時(shí)為49美金），在有經(jīng)驗(yàn)的JavaScript專家之間，它得到了廣泛的認(rèn)可，並已經(jīng)被視為事實(shí)上的標(biāo)準(zhǔn)，這一點(diǎn)不無道理，因?yàn)樗鼉?nèi)建的程式碼完成功能和審查工具可以說是獨(dú)一無二的。 WebStorm中也提供了一個(gè)豐富的JavaScript調(diào)試器，並且與各種流行的單元測(cè)試框架進(jìn)行了集成，例如Karma測(cè)試執(zhí)行器和JSDriver，甚至還包括支援Node.js的Mocha。

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

3、Sublime Text

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

4、HBuilder

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

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

特點(diǎn)：

• 快，是HBuilder的最大優(yōu)勢(shì)，透過完整的語法提示和程式碼輸入法、程式碼區(qū)塊等，大幅提升HTML、js、css的開發(fā)效率。

5、Atom

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

相關(guān)推薦：《vue.js教學(xué)》

以上是寫vuejs用什麼ide工具的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！