[Sencha ExtJS & Touch] VS Code 的 Sencha 扩展(智能提示,代码导航和集成Build操作等)

原文链接:http://blog.csdn.net/lovelyelfpop/article/details/53113016



2016年11月9日,Sencha发布了 VS Code 的 Sencha 开发扩展(尝鲜版)。尝鲜版许可到2017年1月30日过期。详见下面官方博客和文档:

https://www.sencha.com/blog/sencha-visual-studio-code-plugin-1-0-early-access-is-now-available/ 

http://docs.sencha.com/ide_plugins/guides/visual_studio_code_ide_plugin.html


正式版下载方法和破解方法,请看破解 VS Code 的 Sencha Plugin 插件


Visual Studio Code

VS Code 是一个免费的源代码编辑器,支持Windows, OSX和Linux。从今年早些时候的1.0版开始,它立即在web开发人员当中流行起来,因为它支持智能感知,而且可扩展。Sencha 已经在 VS Code 中支持 Ext JS 应用程序开发了,使得有一致的代码完成、代码导航,并支持 Build。



安装扩展

  • 下载 Sencha VS Code 扩展文件 vscode-extjs-1.0.0.vsix.
  • 在 VS Code 左侧切到 "扩展" 标签页.
  • 点击菜单 "..." ,然后点"从 VSIX 安装..”,选择刚下载的 vscode-extjs-1.0.0.vsix 文件.

image alt text



Sencha 扩展的功能

智能感知

敲代码时自动会有代码提示,或者可以Ctrl+空格手动调出代码提示



代码导航





代码生成

使用Ctrl+Shift+P调出命令面板,输入class、model、view等关键字,可以看到可以帮你创建相应的文件,甚至可以创建空app、、package和workspace。



与Sencha Cmd集成

集成了常用的 sencha cmd 命令,如watch、build等




查找文档

光标定位到某个属性、config或者函数名上,按下F1,就可以转到官方API文档


调试 ExtJS 应用





附:

其它IDE的 Sencha 扩展 请看:Sencha IDE Plugins 6.x

支持 EclipseJetBrains系列(如WebStorm/IntelliJ等) 和Visual Studio

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神秘_博士

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值