https://blogs.msdn.microsoft.com/visualstudio/2016/01/28/apache-cordova-development-lands-on-visual-studio-code/

January 28, 2016 by Visual Studio Blog // 9 Comments

Thousands of developers already use Visual Studio’s Tools for Apache Cordova—affectionately abbreviated as “TACO”—to build mobile apps for iOS, Android and Windows using a shared JavaScript codebase. Within the IDE, TACO provides everything you need to install and configure the native SDKs, preview your app, debug on emulators and devices, and even manage continuous integration/deployment via Visual Studio Team Services.

Today, we are pleased to announce new ways to build, debug and preview Cordova apps using your favorite light-weight text editor (it is your favorite, right?): VS Code and the Cordova Tools extension.

With this extension, you can debug hybrid apps, find Cordova-specific commands in the Command Palette, and use IntelliSense to browse objects, functions, and parameters. You can use it with both “stock” versions of the Apache Cordova framework and downstream frameworks like Ionic, Onsen, PhoneGap and SAP Fiori Mobile Client. Because they all use the same Cordova build systems and core runtime, the TACO extension is adaptable to the JavaScript framework of your choice.

In fact, you can even use Visual Studio Code on a project created with the full Visual Studio IDE. For example, imagine creating a Cordova project using Ionic templates with Visual Studio on a Windows machine, then opening it on an OS X or Linux machine using Visual Studio Code—making some edits—then continuing your work in the Visual Studio IDE. No matter which editor you choose, you get the full benefit of debugging, IntelliSense, and language support. How cool is that?

Visual Studio Code + Cordova Tools currently support debugging apps on emulators, simulators, and tethered devices for Android and iOS. If you ask for it (email or tweet us), Windows support will follow not too far behind. You can also attach the debugger to an app that is already running on a device; the debugger simply uses the application ID to locate the running instance.

How do I get it?

If you haven’t already, download and install Visual Studio Code for Mac, Windows or Linux from http://code.visualstudio.com. It’s under 50MB and on a decent network connection you’ll have it installed in under 2 minutes. Once that’s done, install the Cordova Tools extension directly from within the code editor. Simply invoke the Command Palette (Cmd+P on Mac, Ctrl+P on Windows), type “>ext install cordova”, and hit Enter.

You guessed it…open source!

You can, of course, contribute to improving the extension further. The Cordova Tools extension is open source, so if you run into any issues or have suggestions for new features, please open an issue or better yet, make the change and send us a pull request.

And last but not the least, we have also made some improvements in our command line tools and extensions for continuous integration optimizing your inner and outer dev loops!

Send us your feedback

We invite you all to join in our journey to grow an active community of Cordova developers to build amazing apps using TACO. Tell us what you’d like to see, and whether you are interested in testing pre-release versions of TACO. You can do this by joining our insiders program, posting issues on stack overflow, or pinging me directly via e-mail at rsalva (at) microsoft.com. We look forward to hearing from you!

Ryan J. Salva, Principal Program Manager, Visual Studio Client Tools team
Twitter: @ryanjsalva

Ryan is a Principal Program Manager working in the Visual Studio Client Tools team where he looks after HTML, CSS and JavaScript development. He comes from a 15-year career in web standards development & advocacy as an entrepreneur, developer, and graphic designer. Today, he focuses primarily on mobile app development using web technologies and Apache Cordova.

Apache Cordova development lands on Visual Studio Code相关推荐

  1. 使用visual studio code调试php代码

    这回使用visual studio code折腾php代码的调试,又是一顿折腾,无论如何都进不了断点.好在就要放弃使用visual studio code工具的时候,折腾好了,汗~ 这里把步骤记录下来 ...

  2. 能否直接在Visual Studio Code里查看TypeScript的数据类型定义

    Dear colleagues, I have a development question regarding Visual Studio Code. For example when we hov ...

  3. Visual Studio Code远程开发-Remote Development

    准备工作:一台win&mac电脑  远程连接用的服务器 :阿里云&百度云或者别的 1.本地安装Visual Studio Code 2.打开Visual Studio Code安装Re ...

  4. Visual Studio Code搭建NodeJs的开发环境

    一.Visual Studio Code搭建NodeJs的开发环境 1.下载安装NodeJs并配置环境变量 可以参考:NodeJs的安装和环境变量配置 2.下载安装 VS Code编辑器 可以参考:V ...

  5. 如何在Visual Studio Code中编译C ++代码

    PS: This was published on my Blog here. PS:这已发布在我的Blog 此处 . C++ is a statically-typed, free-form, (u ...

  6. Visual Studio Code为什么能这么牛X?

    点击上方"视学算法",选择"置顶或者星标" 你的关注意义重大! 作者:李少侠 链接:https://zhuanlan.zhihu.com/p/35303567 ...

  7. js json编辑器_程序员必备编辑器 —— Visual Studio Code

    前言 我刚入行Web前端的时候,我先后使用过Notepad++.Sublime Text. Hbuilder IDE.Webstorm进行Web前端开发,偶然的机会了解到Atom.Visual Stu ...

  8. 30个极大提高开发效率的Visual Studio Code插件

    译者按: 看完这篇文章,我打算从 Sublime Text 转到 Visual Studio Code 了! 原文: Immensely upgrade your development enviro ...

  9. 在linux系统中安装VSCode(Visual Studio Code)

    在linux系统中安装VSCode(Visual Studio Code) 1.从官网下载压缩包(话说下载下来解压就直接可以运行了咧,都不需要make) 访问Visual Studio Code官网  ...

最新文章

  1. 图卷积神经网络分析复杂碳水化合物
  2. 把握数据,驱动未来 | 清华大学大数据研究中心2020年RONG奖学金答辩会成功举办...
  3. 强烈推荐!分享一个持续连载的《特征工程小锦囊》项目,代码已开源!
  4. 关于CS架构文件传输流的问题,文中代码都是转自网上,但可保证代码无无误...
  5. python进程\协程\异步IO
  6. Android 列表视图
  7. NFS服务安装与配置方案
  8. mysql数据库myisam_MySQL数据库修复方法(MyISAM/InnoDB)
  9. 大数据和云计算的区别
  10. 华师计算机学院在职研究生,2021年华南师范大学在职研究生招生简章
  11. 网易的java微专业_网易微专业Java开发工程师(Web方向)
  12. 企业版微信公众号从零开始之一(注册账号)
  13. 设计模式之禅【适配器模式】
  14. 计算机科学 投稿 邮箱,《计算机时代》期刊投稿【编辑部_邮箱_地址_怎么样_版面费_代发表】...
  15. 频谱 功率谱 功率谱密度
  16. 配置 Visual Studio 2019以进行 iOS 开发
  17. IC设计数字工程师技能必备
  18. Android Native APP开发笔记:使用WebView控件加载网页
  19. Linux Watchdog/看门狗
  20. lqc_基于IP地址,端口的访问控制

热门文章

  1. H5浪漫告白气球表白
  2. windows10忘记开机密码解决办法
  3. python 因子分析 权重计算方法_因子得分如何计算_spss如何计算因子得分
  4. python 进程生命周期_计算客户生命周期价值的python解决方案
  5. 中科大何向南团队+快手App联合出品 KuaiRec | 快手首个稠密为99.6%的数据集 | 相关介绍、下载、处理、使用方法
  6. 为向南太平洋地区扩张 华为在马来西亚设立地区总部
  7. ios 升级后 不能在xcode 真机运行的报错处理
  8. matlab隐形眼镜类型预测,决策树预测隐形眼镜类型
  9. Django解决css样式失效问题最终方法
  10. perp系列之一:关于perp