博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【翻译】CodeMix使用的语言和框架(四):Vue
阅读量:6866 次
发布时间:2019-06-26

本文共 1014 字,大约阅读时间需要 3 分钟。

hot3.png

在Eclipse中使用Vue

Vue.js是用于构建用户界面的渐进式框架。 核心Vue库仅侧重于视图层,但很容易将其与其他库或现有项目集成; Vue也非常适合在现代网络空间中为单页应用程序提供支持。 如果您想在Eclipse中使用Vue进行开发,那么就是您的最佳选择!

CodeMix是一个Eclipse插件,允许您直接将代码OSS扩展添加到Eclipse中 - 只需安装Vetur扩展即可获得一流的Vue开发支持。 CodeMix与基于Eclipse的IDE和工具(如,Spring Tools Suite和JBoss Tools)兼容,因此您可以继续在您习惯的环境中工作。

Vue亮点

智能感知

带有HTML标记,CSS样式和JavaScript代码的单个.vue文件使开发Vue组件变得方便。 您可以获得每个部分的预期语法突出显示,片段和内容辅助。 IntelliSense了解您的组件的模型(数据,属性等),建议包括适当的这些实体,以及标记中的Vue特定属性完成。

扩展

Vetur扩展是Vue支持所需的唯一扩展; 但是,为了获得最佳体验,我们建议您安装Vue扩展包。 在Extension Manager中,浏览Vue包,轻松安装Vue所需的一切,以获得最高效的编程体验。

导航

高效的代码导航的重要性永远不会被夸大。 使用快速打开(Ctrl + P),然后键入@以毫不费力地跳转到代码的不同部分 - JavaScript方法和字段,CSS样式和HTML元素。 您还可以跳转到相关的Vue组件。

新的Vue项目向导

转到文件>新建>项目> CodeMix,然后选择Vue项目以创建新的Vue模板项目。 该向导可以轻松启动新项目,甚至可以安装任何缺少的Vue扩展。

验证和Linting

除了在代码中捕获语法错误之外,还安装了ESLint扩展,其中一些也可以自动更正。 从错误的引号或缩进等简单内容,到缺少关键属性,带副作用的函数,甚至是错误定义的组件等陷阱,ESLint可帮助您在开发生命周期的早期捕获错误。

构建和调试

使用集成的npm命令可以轻松构建开发或生产应用程序。 在开发构建运行的情况下,对代码的更改会立即与正在运行的应用程序同步,而无需重新启动构建。

单步执行代码并检查vue或.js文件中的变量很简单。

转载于:https://my.oschina.net/u/4009527/blog/2877948

你可能感兴趣的文章
通过扩展让ASP.NET Web API支持W3C的CORS规范
查看>>
商汤、旷视们“闯入”安防圈,传统安防巨头们怎么评价这些AI新贵?
查看>>
Spark-zeppelin大数据可视化导入Mysql
查看>>
Instana:将微服务监控带入到服务级别
查看>>
没有对比就没有伤害,优秀的代码VS糟糕的代码
查看>>
开源日志系统log4cplus(三)
查看>>
.NET Core下的日志(2):日志模型详解
查看>>
赋予机器手一层可感受温度的皮肤
查看>>
通过Docker来部署Mesos集群
查看>>
处理硬件故障的5款免费应用
查看>>
Sitecore Sitecore 8将营销工作化繁为简
查看>>
泰一指尚携手吉利汽车、丝蕴syoss荣获中国广告主金远奖
查看>>
业务需求不息 数据生命不止
查看>>
MWC新看点:5G网络从标准化向商业化迈进
查看>>
java命名规范
查看>>
《中国人工智能学会通讯》——2.20 专用的深度学习处理器
查看>>
管理员权限的凭证安全漏洞
查看>>
Forrester:云计算受大型企业欢迎
查看>>
“以病患为中心”的智能医疗服务开启数字化医疗新体验
查看>>
西门子楼宇自动系统出现中间人攻击漏洞CVE-2016-9154 本已发布通告可又悄悄撤除...
查看>>