Chrome Dev Editor：一个新的JavaScript和Dart IDE

在Google IO 2014期间，一位Google工程师带来了Chrome Dev Editor（CDE）。该IDE用于创建面向桌面和移动设备的Chrome应用程序和Web应用程序。CDE支持JavaScript和Dart。

Chrome Dev Editor是Google试图简化开发的又一款工具，它本身就是作为一个Chrome应用程序构建。它可以从Chrome Web商店安装，而且带有若干模板，用于为使用Polymer的JavaScript应用程序、Polymer组件、Web Starter Kit应用程序、JavaScript Chrome应用程序、或者简单的JavaScript和Dart应用程序提供样板代码。用于JavaScript Polymer Chrome应用程序和Chrome扩展的模板将在随后提供。

CDE是一个用Dart编写的Polymer应用程序，并且包含了Ace编辑器，而后者基于Cloud9 IDE和Mozilla Bespin/Skywriter构建，其中Bespin/Skywriter是一款支持100多种语言语法高亮显示的嵌入式编辑器。作为一个Chrome应用程序，CDE可以访问文件系统，并能够通过USB与移动设备通信。它支持所有主流桌面和移动浏览器的最近两个版本。

Chrome Dev Editor运行一个本地webserver，用于测试已开发的项目，并能够将应用程序直接部署到Chrome Web商店或者移动设备，当前只有Android。它已经集成了Git作为版本控制系统。

当前，Chrome Dev Editor还是开发者预览版。它在Apache 2.0许可协议下开源，源代码在GitHub上。

时间： 2024-11-06 16:11:30

Chrome Dev Editor：一个新的JavaScript和Dart IDE的相关文章

Getting started with Chrome Dev Editor

转自:https://github.com/GoogleChrome/chromedeveditor/blob/master/doc/GettingStarted.md Installation Install Chrome Dev Editor on Chrome Open Chrome Dev Editor from the Chrome App Launcher or chrome://apps Git workflow Click on the Menu icon and select 

新的JavaScript数据结构Streams

最近在网上看到了一个新的 Javascript 小程序——Streams,起初以为是一个普通的 Javascript 类库,但读了关于它的介绍后,我发现,这不是一个简单的类库,而且作者的重点也不是这个类库的功能,而是——借用文中的一段话:如果你愿意花10分钟的时间来阅读这篇文章,你对编程的认识有可能会被完全的改变(除非你有函数式编程的经验!).塔河县臧清机械 还有:Streams 实际上不是一个新的想法.很多的函数式的编程语言都支持这种特征.所谓‘stream’是 Scheme 语言里的叫法,S

谷歌 Chrome Dev Tools查找JavaScript

1.使用Ctrl+Shift+F, 打开查找窗口, 查找支持正则表达式: 2.查找函数定义:Ctrl + Shift + o 3.查找文件: Ctrl + o 4.. 实时修改 JavaScript代码 页面外链JavaScript文件在 Script Panel中可以直接修改,改完后Ctrl + s 保存, 会立即生效,但是不支持 Html 页面中 JavaScript 修改,经过 Pretty print 格式化的JavaScript也不支持实时修改. 5. 自建Script文件 在Cons

JavaScript基础 window.open(url,name,options) 弹出一个 新窗口 屏幕居中显示 获取屏幕的有效宽度

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

使用javascript打开一个新页而不被浏览器屏蔽

使用javascript打开一个新页面可以有几种方式,但各有利弊,以下做下分析 1.window.open(url) 这是新手最常用的方法,好处是简单易用,坏处,很简单,会被很多浏览器拦截而导致功能失效 2.使用js在页面创建一个a标签,然后点击它 示例代码如下: var a = document.getElementById("entergameform1001"); if(!a){ $(document.body).append('<a id="entergamef

JavaScript 如何从引用类型（Array 、 Object）创建一个新的对象

数组的增删改查 1.新增一项可以使用concat方法,它不会对原有数组进行改动,而是创建一个新数组 let a = [0, 1, 2] let b = a.concat([3]) console.log(a, b) 2.删除一项对于删除某一项的操作,splice也不能满足要求,因为该方法会改变原有数组,相应地我们应该使用slice,并结合es next 新特性. let array = [1,2,3] const removeIndex = (array, index) => { return

Chrome Dev Tools ：成为更高效的开发人员

原文出处 http://blog.jobbole.com/22065/ 实时CSS Style编辑 选择一个Dom,可以对Dom进行编辑和操作,实时修改Css Style, 同时CssStyle可以保存变更历史版本. 保存变更历史版本: 同时支持可以在Chrome 载入的Css文件正文中自由的修改. 网络交互 当一个页面载入时,所有发出的请求可以在“Network”里监听到,同时下面有”All”, “Documents”, ”Stylesheets”, “Images”, “Scripts”,

chrome dev tools

chrome dev tools介绍一下Chrome dev tools 的基本使用和一些意想不到的小技巧 Chrome Developer Tools 是Chrome内嵌的一系列编辑和调试的工具.可以有效的追踪布局的问题,为javascript设置断点并对程序进行优化 ====打开方式====Ctrl+Shift+I  打开/关闭调试工具.(显示的是上次关前的tab)Ctrl+Shift+J  打开/关闭调试工具的Console页Ctrl+Shift+C  打开调试工具Elements页 在此

谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer

Google Chrome在招来了FireFox,FireBug的项目组领导人John J. Barton后,Chrome Dev Tools也变的越来越好用,越来越方便了.本文根据Google I/O上对Chrome Dev Tools的介绍(http://www.youtube.com/watch?v=N8SS-rUEZPg),和相关PPT:http://chrome-devtools-io2011.appspot.com/template/index.html 整理而来.(参照的Chrom