写vuejs用什么ide工具

青灯夜游
发布: 2023-01-11 09:22:32
原创
13860 人浏览过

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

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教程

以上是写vuejs用什么ide工具的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!