写vuejs用什么ide工具

青灯夜游

发布时间：2021-09-26 18:04:15

14972人浏览过

来源于php中文网

原创

编写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

UNIX技术手册 Unix in a Nutshell, 4th Edition 英文PDF文字版

Unix in a Nutshell同时涵盖了许多重要的、业界标准的开放源码工具本书还完整地讨论了常用的shell(bash、ksh及tcsh)和重要元素如正则表达式，乃至旧式工具如sed、awk与vi。 Unix不是一个庞大的物体：它是一个综合体，而《Unix技术手册》则是将这一切合并在一起的一本书。到底unix是什么?原始的unix源码是由sco拥有，unix注册商标是由open group拥有，而领先的仿unix系统则是gnu／linux、mac os x及solaris。这些版本所附的命令与选

下载

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是一个优秀的工具。