在Eclipse中使用Vue

Vue.js是一个进步的框架来构建用户界面。核心Vue图书馆关注视图层,但很容易与其他库集成或现有项目;Vue也对驱动单页面应用程序在现代web空间。如果你想使用Vue在Eclipse中开发,看看CodeMix !

CodeMix是一个Eclipse插件,允许您添加代码OSS直接扩展到一流的Vue Eclipse-just安装Vetur扩展开发的支持。CodeMix兼容基于eclipse的ide和等工具MyEclipse,春天工具套件和JBoss工具,您可以继续工作环境中你是习惯了。

实际的学习经验,看看CodeMix网络学习!

Vue亮点

智能感知

一个单一的.vue文件的HTML标记、CSS样式和JavaScript代码开发Vue组件方便。你得到预期的语法高亮显示,代码片段,并为每个部分内容辅助。智能感知是意识到自己的组件的模型(数据、属性等)和建议包括这些实体在适当的地方,加上Vue完成特定属性的标记。

Eclipse中的Vue -智能感知
Eclipse氧+ CodeMix + Vetur扩展

扩展

Vue所需的Vetur扩展是唯一的扩展支持;然而,我们建议最好的经验安装Vue扩展包。扩展管理器,浏览Vue包很容易安装所需的一切与Vue最高效的编程经验。


CodeMix扩展管理器

导航

高效的代码导航的重要性不能被夸大。使用快速打开(Ctrl + P),然后类型@毫不费力地跳到你的javascript代码的不同部分方法和字段,CSS样式和HTML元素。你也可以跳转到相关Vue组件。

Eclipse中的Vue -导航
Eclipse氧+ CodeMix +DevStyle+ Vetur & Vue Peek扩展

新Vue项目向导

去File > New > Project > CodeMix Vue Vue模板创建一个新的项目,并选择项目。向导可以轻松地开始一个新项目,甚至安装任何缺失的Vue扩展。


新的CodeMix Vue项目向导

验证和产品毛羽

除了抓语法错误在代码中,ESLint安装扩展,其中一些可以自动纠正。这么简单的东西错误的引用或缩进,陷阱就像丢失的关键属性,函数的副作用,甚至错误地定义组件,ESLint可以帮助您在开发周期的早期捕获错误。

Eclipse中的Vue -产品毛羽
Eclipse氧+ CodeMix + Vetur & ESLint扩展

构建和调试

构建您的应用程序开发或生产与集成npm命令是很容易的。与开发建设运行,修改你的代码会立即同步运行的应用程序,而不需要重新启动建设。

这是简单的单步调试代码,检查变量vue. js文件。


Eclipse氧+ CodeMix + Vetur npm,调试器扩展

Baidu
map