编写vuejs可用的ide工具：1、Visual Studio Code，一款十分出色的ide开发工具，拥有丰富的插件；2、webStorm，一种智能IDE；3、Sublime Text；4、HBuilder；5、Atom等等。
本教程操作环境：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教程》
