开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么Atom文档使用CoffeeScript，而在JavaScript中生成包？

Atom文档使用CoffeeScript而不是JavaScript的原因是因为CoffeeScript具有更简洁、可读性更高的语法，并且能够更快速地编写代码。CoffeeScript是一种编译到JavaScript的编程语言，它通过简化JavaScript的语法和提供更多的语法糖来提高开发效率。

相比于JavaScript，CoffeeScript具有以下优势：

简洁易读：CoffeeScript的语法更加简洁，减少了冗余的代码和不必要的符号，使得代码更易读、易于维护。
减少错误：CoffeeScript通过强制缩进和统一的代码风格规范，减少了语法错误和常见的bug。
更高的开发效率：CoffeeScript提供了更多的语法糖和简化的语法结构，使得开发者能够更快速地编写代码，提高开发效率。
更好的代码组织：CoffeeScript支持类、模块和闭包等高级特性，使得代码组织更加清晰和模块化。

Atom作为一个开源的文本编辑器，选择使用CoffeeScript是为了提高开发效率和代码质量。使用CoffeeScript编写Atom的代码可以更快速地实现功能，并且减少了常见的错误和bug。此外，Atom的插件生态系统也支持使用CoffeeScript编写插件，使得开发者能够更轻松地扩展和定制编辑器的功能。

在JavaScript中生成包的原因是因为JavaScript是一种广泛使用的编程语言，几乎所有的浏览器都支持执行JavaScript代码。通过在JavaScript中生成包，可以确保Atom的代码能够在各种环境中运行，并且与其他JavaScript库和框架兼容。

腾讯云相关产品和产品介绍链接地址：

腾讯云函数（云原生、函数计算）：https://cloud.tencent.com/product/scf
腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
腾讯云服务器（服务器运维）：https://cloud.tencent.com/product/cvm
腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
腾讯云安全产品（网络安全）：https://cloud.tencent.com/solution/security
腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mad
腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
腾讯云区块链（区块链）：https://cloud.tencent.com/product/baas
腾讯云虚拟专用网络（网络通信）：https://cloud.tencent.com/product/vpc
腾讯云容器服务（云原生）：https://cloud.tencent.com/product/ccs
腾讯云云服务器负载均衡（服务器运维）：https://cloud.tencent.com/product/clb
腾讯云云原生数据库TDSQL（数据库）：https://cloud.tencent.com/product/tdsql
腾讯云云原生数据库TBase（数据库）：https://cloud.tencent.com/product/tbase
腾讯云云原生数据库CynosDB（数据库）：https://cloud.tencent.com/product/cynosdb
腾讯云云原生数据库TencentDB for MongoDB（数据库）：https://cloud.tencent.com/product/mongodb
腾讯云云原生数据库TencentDB for Redis（数据库）：https://cloud.tencent.com/product/redis

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Atom飞行手册翻译： 3.1 ~ 3.2

现在是时候来介绍在这一Hackable的编辑器中，真正“Hackable”的部分了。像我们在整个第二章中看到的那样，Atom中很大一部分都由一大堆包组成。...由于Atom完全采用web技术实现，我们必须假设你知道CoffeeScript和Less的任何事情，它们是Javascript和CSS的预处理器。...在Atom中，你能用CoffeeScript做的任何事情都可以用JavaScript来做，但是由于大多数社区都用CoffeeScript，你可能会想用它来编写你的包。...这个文件中的代码可以充分访问到Atom API。如果自定义的代码变得很大，考虑创建一个包，这部分会在“字数统计包”一节中介绍。...atom.beep() 由于init.coffee可以访问到Atom API，你可以使用它来实现有用处的命令，而不需要创建新的或者扩展现有的包。

2663 0

产品解析：Github Atom

atom选择coffeescript有几个很重要的考量（我猜的）： coffeescript(javascript)的拥趸很多语言强大，代码简单是主流能够运行在浏览器中的语言（coffeescript...需要先翻译成javascript）拿到atom后，我一直在怀疑它是个运行在浏览器中的web app。...这是为什么会有phoneGap这样看上去很奇怪的hybrid出现。这也是atom出现的原因之一。...Atom之后（如果这种它收效很好），未来桌面应用很可能会类似使用webkit（chrome）做壳，然后大部分功能都构建在web app（html/css/javascript）的结构之中。...Atom的问题就目前两小时的使用而言，我遇到了如下问题： (1) 第一次打开atom的时候，一个help文档会被自动打开。正当我一行行看的时候，atom自己crash了。

1.6K8 0

做一个运行Python文件的Atom插件

所以我就想，为什么不自己做一个Atom插件呢？以上就是我开发这个插件的目的了。这个插件的主要功能就是按F5启动一个终端运行Python文件，终端可以是cmd也可以是powershell。...CoffeeScript编写。...因为我毕竟对JavaScript和CoffeeScript不太熟悉，有些简单的地方也浪费了不少时间。而且插件的调试也不太方便，需要开两个Atom窗口，一个修改完之后，重载另一个。...具体使用到时不难，看Atom的文档就行了。...就像上面代码中的那样，只要我们在代码中声明了一个config元素，编辑器就会自动生成对应的配置界面。比方说上面我声明了两个enum，编辑器那么编辑器就自动生成了下拉列表。 ?

2.1K7 0

做一个统计单词数目的Atom插件

本文是Atom 教程制作单词计数插件的简化介绍，所有代码都来自这篇文章。如果希望参考详细的文档，请直接查看原文。这篇文章用一个简单的小例子，为我们讲解了如何编写一个Atom编辑器插件。...该例子使用的是CoffeeScript，所以为了更好地实现这个例子，我们需要打开Atom编辑器的官方插件package-generator，并设置默认语言为CoffeeScript。...@element.children[0].textContent = displayText 这个插件使用了CoffeeScript语法，如果你对CoffeeScript不熟悉的话，可以看看我的这篇文章...当然，JavaScript也得非常熟悉，因为这里用的就是JavaScript操作DOM树的方式。...如果需要查阅文档的话，直接看Atom API reference documentation，其中定义了大量接口用于操作编辑器。Atom的强大可定制功能就来源于此。

81610 0

CoffeeScript 简介

简介 JavaScript也是一门经历了很多年的语言了，自从浏览器兴起，JavaScript就一直在被使用。...还有其他一些特性，直接看官方文档吧。...可以看到，CoffeeScript确实比普通的JavaScript的表达能力更强，怪不得Atom编辑器主要就是使用CoffeeScript写的，如果完全使用JavaScript编写，代码量肯定会大不少。...的话，直接看官方文档就好了。...这个官方文档做得很不错，有很多交互式例子，编辑左边的Coffee代码，右边就会编译出JavaScript代码，还能在线运行，非常方便。

87810 0

Top 10 JavaScript编辑器，你在用哪个？

为什么使用编辑器而不是IDE进行JavaScript编程？原因就是速度快。...Atom源代码位于GitHub上，它是用CoffeeScript编写的，与Node.js集成在一起。...TextMate现在提供了简单的JavaScript和jQuery的捆绑包，它们为快速生成JavaScript和jQuery代码提供了一系列不错的工具。...Emacs作为JavaScript编辑器，编辑JavaScript的默认模式是在js包中，使用Emacs可以获得更好的语法高亮和linting。...Emacs使用js2模式包，并使用ac-js2自动完成。在Emacs中，你可以使用串行模式获取实时浏览器JavaScript，HTML和CSS交互。

3.2K1 0

Javascript: 世纪机器语言？

不像backend那么多千奇百怪的选择，在frontend，二十年来大浪淘沙，有且只有一门能在任何浏览器中运行的语言：javascript。...如asm.js [9]，coffeescript。coffeescript用更好更简洁的语法撰写代码，编译出来的javascript比较优美。使用起来毫无压力，大爱 →，⇒ 和其函数式编程的风格。...而在compile to javascript领域里，做到（好） 2)与3)的很少。...所以clojurescript就替你完成这件事：你用clojure（的子集）写代码，它帮你生成满足closure script约束的javascript。...atom是coffeescript写的，lighttable是clojurescript写的。

1.2K6 0

前端插件以及部分细分网址梳理

: 新型 Markdown 解析器，快速，支持插件 multiline: 用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Doc screenfull.js: 全屏插件，支持各大浏览器...: Javascript 编写的 Browser (浏览器) octocard: 用于生成 Github 信息卡片的库 github-cards: 用于生成 Github 信息卡片的库 money.js...官网下载 https://atom.io/ HBuilder JS框架 JS Frameworks Backbone Backbone.js API中文文档http://www.css88.com/doc...coffeescript/ 过程自动化 Process Automation Grunt Grunt中文网 Gulp gulp.js 中文网前端构建工具gulpjs的使用介绍及技巧http://www.cnblogs.com...http://www.360doc.com/content/ Handlebars.js 中文文档 http://keenwon.com/992.html Handlebars的使用方法文档整理 http

5.6K9 0

Atom编辑器配置

本文将通过简单实用的方法来带你学习 Atom 编译器的使用。...文件在代码的19行添加一个选项重启Atom即可 docblockr: 快速写注释文档的插件，支持的语言很多前端涉及的TypeScript CoffeeScript ActionScript...Javascript Haxe等语言都支持 minimap:小地图打开设置快捷键【win:ctrl+,】【mac:commond+,】装完插件之后我的Atom有379个快捷键，要记这么多快捷键肯定很麻烦...这个错误是换行是LF还是CRLF notepad++中打开这个地方可以看到 ? 在Atom中它在编辑器的右下角 ? 点击CRLF/LF即可切换。...几个有用的链接 Atom 编辑器使用者手册 Atom官方网站 Atom github地址

1.7K7 0

Atom编辑器配置

本文将通过简单实用的方法来带你学习 Atom 编译器的使用。...文件在代码的19行添加一个选项重启Atom即可 docblockr: 快速写注释文档的插件，支持的语言很多前端涉及的TypeScript CoffeeScript ActionScript...Javascript Haxe等语言都支持 minimap:小地图打开设置快捷键【win:ctrl+,】【mac:commond+,】装完插件之后我的Atom有379个快捷键，要记这么多快捷键肯定很麻烦...这个错误是换行是LF还是CRLF notepad++中打开这个地方可以看到 ? 在Atom中它在编辑器的右下角 ? 点击CRLF/LF即可切换。...几个有用的链接 Atom 编辑器使用者手册 Atom官方网站 Atom github地址

1.3K2 0

Atom编辑器 v1.38.0中文版

软件介绍 Atom是Github平台上推出的一款完全免费的轻量级开源文本代码编辑软件。...Atom编辑器是基于electron的框架开发，拥有直观简洁的界面和深度可定制系统，兼容VIM模式，集强大的代码补全、语法高亮等功能于一体，同时提供丰富的插件库和主题库，完美支持CSS、HTML、JavaScript...和brackets编辑器一样基于浏览器开发，意味着你可以使用less(包含css)来定制编辑器界面,coffeescript(与js类似）编写插件定制功能。 ?...使用说明软件汉化： 1、进入软件，首先选择【file】->【setting】 ?...看到上面的搜索结果，然后点一下【Install】开始安装，安装之后不用重启自动转换成了中文安装之后的包可以在【扩展】里进行管理。 ?

6491 0

Atom主题插件美化教程

Emmet- 这个是书写HTML、CSS的神器，用过的都说好，相关语法文档可以看官网cheat-sheet,安装上面的语法也是经常写的就记住了。 ?...autoprefixer - 用来补全CSS前缀的，会自动生成浏览器前缀 color-picker - 取色器，比Sublime那个好用，快 linter- 这个是检查各种语言的语法错误的，可以使用linter...这个，也可以针对某些语言使用特定的lineter + linter-jshint, for JavaScript using jshint + linter-coffeelint, for CoffeeScript...:执行压缩，生成一个带min后缀的(如果不想使用min可以进行设置修改) ctrl-alt-shift-m / ctrl-cmd-shift-m:全局开启或者关闭保存自动生成压缩软件 ctrl-alt-shift-h

2.3K2 0

Atom飞行手册翻译： 2.13 基本的自定义

基本的自定义在我们感受到Atom中所有东西的便利之后，让我们看看如何改进它。可能有一些快捷键你经常使用但是感觉很别扭，或者一些颜色不是十分适合你。...使用CSON来配置所有Atom的配置文件（除了你的样式表和初始脚本）全部用CSON编写，全称是CoffeeScript Object Notation。...就像JSON（JavaScript Object Notation）的名字一样，CSON是一个储存结构化数据的文本格式，表现为由键值对组成的简单对象的形式。...自定义快捷键 Atom从你~/.atom目录中的config.cson文件中加载配置，它含有CoffeeScript格式的JSON，也就是CSON： 'core': 'excludeVcsIgnoredPaths...我们已经在“代码段格式”一节中，为了编写代码段而做过一遍了，现在我们简单地重复一下。作于域的名称显示在设置视图中的每个语言的包中。

7752 0

用node-webkit做桌面应用

在此之下，less style，coffeescript plugin，nodejs integration都水到渠成。...看上去atom的源代码来自chrome —— 我觉得atom很可能是一款以某种方式运行本地web app的浏览器。...因为你要读懂chronium的content API文档，要了解很多技术细节，更重要的是，基本上你需要使用C++来开发应用。...（程序君用coffeescript, less和handlebars） (2) 我的应用打算使用什么样的MVC库？...如果这样的代码还不得不运行在node-webkit里，而不是浏览器中，那么开发的效率会大打折扣。

1.3K9 0

【趣味连载】攻城狮上传视频与普通人上传视频：（一）生成结构化数据

一个 word 文档，是一组问题。内容假定是： 1.【smart-transform】取自 Atom 的 babeljs&coffeescript&typescript 智能转 es5 库 2....他们有相当一部分人不理解攻城狮为什么喜欢用英文标点，甚至还有人以此为由说我们小学标点符号没学好。懒得解释那么多，但是既然给出来了，作为纯文本，也不用管这么多，照单全收就行了。...一组勉强算是有规律的分文件夹放置的视频我依然是象征性的描述下，结构类似于： /videos/树莓派/【smart-transform】取自 Atom 的 babeljs&coffeescript&typescript.../* 生成带有排序等信息的文件. */ /* 支持自动生成数据. */ makeDataWithOrder() function makeDataWithOrder() { const fs =...】取自 Atom 的 babeljs:coffeescript:typescript 智能转 es5 库.mp4", "ext": ".mp4", "category": "树莓派"

1.2K5 0

Atom插件开发-使用自己的Chevereto图床API项目简介功能分析代码实现项目地址

一度放弃后使用在线的markdown，例如简书掘金这些，可感觉用起来还是不太舒服，最终还是折腾起atom插件了。...，本文所涉及到内容都是根据此API文档所以这款插件只为解决几个问题使用自己图床的API 上传图片获得URL 功能分析功能灰常简单获取剪切板图片数据通过post上传至图床API获得回调数据...生成markdown图片内容 ?...代码实现用的是coffeescript代码第三方依赖 request ?...暂不支持gif 插件安装：直接Atom perference->install 中搜索 image-copy-chevereto即可插件地址：https://atom.io/packages/image-copy-chevereto

1.1K2 0

实用主义：前端IDE选择从入门到高阶

前言前端的开发工具称为IDE不太准确，准确的说法应该是文本编辑器，因为HTML和CSS都只是解释性语言，javascript也是在运行时编译。...2017以前的版本试图通过修改选项以生成代码的方式以及拖拽组件制作网页，许多小白很喜欢这样干。但是现在的前端已经要求全代码化编程，以前的方法已经不适用。...sublimeText3经过美化后优雅是我对sublime的第一印象，小巧，启动速度特别快，基本替代了我对文本文档的使用，虽然是闭源软件，但是有着丰富的第三方支持，能够满足各种各样的扩展。...漂亮的界面 Github基于coffeescript制作的开源IDE。如果说sublime是优雅小巧的女子，宛如四川妹纸的古灵精怪，那么Atom则有江南女子的美丽，端庄。...曾经问过我自己，为什么喜欢上编程，我想我在这里找到了答案，被这些漂亮的语法高亮所吸引，配上ESlint，使得一个强迫症深深得到了满足······ 呃，不好意思跑题了。

1.5K12 0

VS code常用插件推荐（总结整理篇）

此中文（简体）语言包为 VS Code 提供本地化界面。安装后，在 locale.json 中添加 “locale”: “zh-cn”，即可载入中文（简体）语言包。...支持JS、TS、Python、Dart、Coffeescript、Go、C/C++、Rust、Bash、Lua。...8.JavaScript (ES6) code snippets 支持ES6语法提示。...VsCode内置了Emmet语法,在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码. 10.Path Intellisense 路径提示插件。...(此插件作者已转行做影视，可以使用Vue 3 Snippets，如果不使用本插件)。 VS code快捷键

2.1K2 1

如何从0开发一个Atom组件

然而在Atom上没有找到类似的插件，最接近的一个，也还是需要手动选择文件，然后进行上传。这个操作流程太繁琐，索性自己写一个插件用好了。...插件开发因为Atom是一个Electron应用：https://electronjs.org 是使用JavaScript来开发的桌面应用，所以对于一个前端来说，简直是太美好了。...我们先去翻看Atom的官方文档，查看关于创建插件相关的操作：首先我们在Atom中打开命令面板，然后输入Generate Package ?...按下回车后，将会弹出一个对话框，在框中输入要建立的包名即可完成一个Package的创建。 ? Atom会生成一套默认文件，并打开一个新的窗口。...上传开发完的Package 首先我们需要保证package.json中存在如下几个参数： name description repository 我们可以先使用如下命令来检查包名是否冲突。

1.4K5 0

【亲测】最好用的4个JavaScript编辑器

先说了哈，我最喜欢用的、用的最习惯的JavaScript编辑器是sublime text，它最让我喜欢的地方就是可以同时编辑多个地方，还可以快捷键上下移动某行代码（当然了，也许其它的编辑器也可以，但我最爱...它是叫什么jetbrains公司出品的开发工具，支持一堆功能，像什么ECMAScript、CoffeeScript、js重构、单元测试、代码检测、浏览器调试等等。...官网： http://www.jetbrains.com/webstorm/ 3、Atom 我在讲课的时候，Atom这个编辑器也有同学在使用。...-- --> 先行者计划的读书小组活动，《JavaScript高级程序设计》， ? 今晚已经读到了第178页，7.2 闭包，录音我已经发到了咱们的先行者微信群里。...之前的那些读书录音，已经在今晚被我更新到百度网盘中，有兴趣的同学们可以自行下载， ? 其它的JS课程视频正在陆续的更新中， ?

5.1K0 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭