Atom 的社区很繁荣,有着丰富的扩展/插件(packages).安装 Atom 的 Package 非常简单,可以在编辑器的偏好设置里面安装,也可以在命令行中使用 apm 命令来安装. 在介绍适用于 WEB 开发的 Package 之前,让我们快速过下如何安装 Atom Packages. 安装 Atom Package 通过偏好设置安装 Package 使用快捷键 command + ,/ctrl + , 打开偏好设置.点击左侧的 Install 即可浏览线上的 Package . 顶部是一…

写在前面的话:从事web前端开发也有一段时间了,今天主要想分享的是文字(代码)编辑器.对于编辑器每个人都有自己的偏爱,也分不同语言的编码者,这里我就拿我接触过的来说说吧! Web开发者用什么编辑器? 相信这个问题如果在几年之前被问出来,一定会有人毫不犹豫地回答Adobe的Dreamweaver.没错,直至现在,我们都不得不说Dreamweaver是一个非常易于上手的编辑器,而且它提供的功能非常有特色.我也是从Dreamweaver开始编程的,在我一开始接触前端行业的时候官方版本是需要收费的,当然…

amWiki 是一款基于 Javascript 脚本语言.依赖 Atom 编辑器.使用 Markdown 标记语法的轻量级开源 wiki 文库系统. amWiki 致力于让大家可以更简单.更便捷的建设个人和团队文库系统! [View amWiki on Github] GitHub:    Apm:   amWiki优势 文档系统采用markdown语法 不用数据库,文档使用.md格式保存本地文件 无需服务端开发,只需支持http静态访问网页空间 一键创建新的文库 自动更新文库导航目录 支持截图…

这是官方文档:https://atom.io/packages/atom-ternjs 官方介绍: JavaScript code intelligence for atom with Tern. Adds support for ES5, ES6 (JavaScript 2015), Node.js, jQuery & Angular. Extendable via plugins. Uses suggestion provider by autocomplete-plus. 基于autoco…

Package Control 在 Sublime Text 上大家都用 Package Control 来管理安装插件,所以它是我们要安装的第一个插件,安装方法见这里.关于 Package Control 的使用方法这里不再赘述. JSHint Linter 是帮助你检查代码问题的一类工具,帮你发现潜在的错误或不好的代码习惯.JSHint 是检查 JavaScript 代码的好工具,支持很多编辑器和 IDE . Sublime 上要使用 JSHint 可以安装:SublimeLinter-JS…

一.atom由于安装的插件过多导致tab键失效解决办法如下: 打开File→Keymap中keymap.cson文件,将以下代码复制到文件: 'atom-text-editor:not([mini])': 'tab': 'emmet:expand-abbreviation-with-tab' 重启后就可以用了. 二.emmet插件的使用:http://www.hangge.com/blog/cache/detail_1537.html 三.常用的插件有:…

最近需要在微信企业号中挂接网页,之前也没有接触过微信开发,刚开始也不知道怎么调试,后来同事介绍使用“微信web开发者工具”,于是在网上下了一个,使用了一下的确很好用.它不仅支持Android和IOS同时还可以调试Hybrid APP应用,当然用谷歌的开发者工具也能调试Hybrid应用. 这里是官方下载地址:http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html#.E4.B8.8B.E8.BD.BD.E5.9C.B…

APICloud支持Atom编辑器开发工具 APICloud始终坚持多开发工具支持策略,开发者无论使用Sublime Text3.Eclipse还是Webstorm,都可以在APICloud平台中找到适合的插件,进行App的开发.现如今,Atom编辑器插件上线,为喜欢Linux系统.偏爱Atom编辑器的开发者又多了一重选择. 为 Atom 编辑器推出的开发工具包中包含新建应用模板,页面模板,WiFi 真机同步,流式日志输出等核心功能..在Atom编辑器中的Package找到apicloud插件即…

APICloud技术再次升级,不仅支持Atom编辑器开发工具,并推出核心开发工具库,使开发者进行App开发更便捷高效. APICloud支持Atom编辑器开发工具 APICloud始终坚持多开发工具支持策略,开发者无论使用Sublime Text3.Eclipse还是Webstorm,都可以在APICloud平台中找到适合的插件,进行App的开发.现如今,Atom编辑器插件上线,为喜欢Linux系统.偏爱Atom编辑器的开发者又多了一重选择. 为 Atom 编辑器推出的开发工具包中包含新建应用模…

Atom 编辑器插件 这个编辑器是github出品,现在处于免费试用期:如果是初学者,可以使用这个编辑器,插件安装很方便,只需要点菜单栏的File-Settings-Install,在搜索框中输入想要的插件名即可. ============================ activate -power-mode //震动,粒子效果,酷炫装逼必备,可在设置里关闭震动 Screen Shake-Enabled atom-html-preview //ctrl+shift+h 右侧打开预览,有bug…

HTML已经走过了近20的发展历程.从HTML4到XHTML,再到最近十分火热的HTML5,它几乎见证了整个互联网的发展.但是,即便到现在,有很多基础的概念和原则依然需要开发者高度注意.下面,向大家介绍这些应该遵循的开发原则. 1.善用DIV来布局 当开发一个Web页面时,要考虑第一件事就是区分页面重点.将这些内容用DIV标签包含起来,页面的代码会呈现出整洁.缩进良好的风格. 1 2 3 4 5 6 <div id="header"></div>  <di…

Atom介绍 Github的员工Nathan Sobo在Atom的博客中提到:”Sublime和TextMate十分方便,但是扩展性不足:另一方面,Emacs和 Vim扩展性很强却需要学习日程工作中很少用到的脚本语言.”因此,他们希望找到一个平衡点,于是就有了Atom这个项目. Atom 代码编辑器支持 Windows.Mac.Linux 三大桌面平台,完全免费,并且已经在 GitHub 上开放了全部的源代码.它支持各种编程语言的代码高亮(HTML / CSS / Javascript / PH…

atom是github出品的文本编辑器,为开发者又提供了一款易用.牛逼的文本编译器.在开始接触前端并从工作开始一直用webstrom来进行前端开发,开始使用时,被他各种强大神奇的功能给折服:支持zen-coding.文件可以跟指定的类型关联.版本管理.文件查找等等,到现在我还是觉得他对我的开发效率有很大的提升.但是他重了,依赖了大量的包.导致后面高版本对硬件的要求越来越高,一般的机子都能卡半天.看图说话: 尼玛,mac配置算高了吧,但是就是这样在用webstrom10还是卡,卡,卡.被迫无奈,据…

HTML 已经走过了近20的发展历程.从HTML4到XHTML,再到最近十分火热的HTML5,它几乎见证了整个互联网的发展.但是,即便到现在,有很多基础的概念和原则依然需要开发者高度注意.下面,向大家介绍这些应该遵循的开发原则. 1.善用DIV来布局 当开发一个Web页面时,要考虑第一件事就是区分页面重点.将这些内容用DIV标签包含起来,页面的代码会呈现出整洁.缩进良好的风格. 1 2 3 4 5 6 <div id="header"></div>  <d…

来源: 廖煜嵘 相信很多从事Web开发工作的开发者都听说和使用过Firebug,但可能大部分人还不知道,其实它是一个在网页设计方面功能相当强大的编辑器,它 可以对HTML.DOM.CSS.HTTP和Javascript进行全面的跟踪和调试.它是Firefox浏览器的一个插件,所以建议各位Web开发者,要充分利用FireFox浏览器和Firebug插件进行日常的调试工作.本文选取了12个Web开发者应该掌握的Firebug的初级使用技巧,介绍给大家. 1.使用Firebug可以找到页面中的任何内容…

摘要: 一个都不知道的算我输! 这篇文章主要列出了曾经乃至现在都十分受 Web 开发者欢迎的开源工具,相信使用开源工具的 Web 开发者会对它们感兴趣的,它们中有的甚至诞生十多年了,但仍然在发光发热. 1. Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时.它是一个用于构建服务器端 Web 应用的开源跨平台运行时环境.Node.js 使用高效.轻量级的事件驱动.非阻塞 I/O 模型,这使得它更快且更有效率.Node.js 的作者是 Ryan D…

介绍 Etherpad是一个开源的,基于Web的实时协作编辑器(http://www.0834nanke.com) 它允许多个人使用他们的Web浏览器同时编辑文档. 它还提供了一些很酷的功能,如富文本格式和即时消息. 目标是在Ubuntu 18.04 Linux上安装Etherpad. 约定 # - 要求使用root权限直接以root用户或使用sudo命令执行给定的linux命令 $ - 要求给定的linux命令作为常规非特权用户执行 要求 特权访问您的Ubuntu机器. 要遵循的步骤 安装先决…

微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折. 注:带 * 的步骤或文件为不确定是否管用的步骤或文件.本人系统为Linux Mint 18.1版本. 1.下载nwjs 下载nwjs的SDK. 2.将微信web开发者工具拷贝到nwjs 将在window系统下安装的微信web开发者工具文件夹中的package.nw.icon.ico.* 微信web开发者工具.exe拷贝到nwjs sdk解压后的文件夹内. * 解压 微信w…

前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大.这篇文章只是做一个记录,方便自己以后使用的时候看看,不对的地方请大家批评指正.放入官方的微信web开发者工具下载链接以及文档说明https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html,参考这个文档,我又给细节化了一些内容.下载以后直接安装就好. 1.下…

Atom是Github推出的一个文本编辑器,搜索一下大概是给Web前端用的,最近比较火的是他的一个插件activate-power-mode,可以实现打字屏振效果. 用来装装逼还是挺适合的,本来想试试能不能像sublimetext一样能编译C/C++之类的文件,后来发现根本不行,google到的也只有一些零碎的makefile之类的东西,没什么卵用, 所以现在这个文本编辑器真的只能用来装装逼. 话不多说,来看看具体怎么设置. 首先先下载这个文本编辑器 https://atom.io/ 大小85.…

1.Allow-Control-Allow-Origin    安装此插件解决跨域问题,在本地起服务器可访别的域的数据. 需在Access-Control-Expose-Headers加上Allow-Control-Allow-Origin: *(表示允许所有ip访问) 2.clear Cache    一键清浏览器缓存. 3. EditThisCookie     EditThisCookie是一个cookie管理器.您可以添加,删除,编辑,搜索,锁定和屏蔽cookies! 4.Postman…

代码调试平台是Web开发者进行开发.测试.分享.协作和交流的网络应用,它们支持实时的编辑.预览HTML.CSS和JavaScript的客户端代码.这些代码调试平台最值得称道的地方在于,它们中的大多数都是免费的,你可以很容易的以学习或者调试程序为目的与他人分享你的工作. 就个人而言,这些web应用程序在日常工作中给我带来了不小的帮助.每当在使用JavaScript或者CSS编程碰到瓶颈的时候,我可以在代码调试平台上分享自己的代码并邀请其他的开发者朋友来解决.这种模式的有趣性和互动性对于新手的学习有…

原文出处: mobilexweb   译文出处:罗磊(@罗罗磊磊)   欢迎分享原创到伯乐头条 喜大普奔,喜极而泣,喜当爹,随着iPhone 6和iPhone 6 plus的上市,ios 8终于在上周推送更新了.新的设备,新的分辨率.接下来这篇文章介绍下 iOS 8有哪些变化. 概述 简介 iOS 8 上的 Safari 的更新 iPhone 6 和 iPhone 6 Plus 新 Api 支持 Safari 新功能和支持 iOS 8 原生优化 Safari 插件 新的设计 视频增强 iOS 8…

微信web开发者工具调试 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大.这篇文章只是做一个记录,方便自己以后使用的时候看看,不对的地方请大家批评指正.放入官方的微信web开发者工具下载链接以及文档说明https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html,参考这个文档,我又给细节化了一些内容.下载…

在本节中将介绍Atom提供的更高级的使用技巧,通过这些技巧将会进一步提高你的代码编写效率 代码片段(Snippets) Snippets是一种在代码中快捷插入代码块的方式,下面是维基百科中对Snippet的解释 片段(Snippet)是一个编程用语,指的是源代码.机器码.文本中可重复使用的小区块.通常它们是有正式定义的执行单位,以纳入更大的编程模块.片段经常用来明晰其他"凌乱"函式的功用,或尽量减少使用与其他函式共用的重复代码.片段管理是某些文本编辑器.程式源代码编辑器.IDE.与相关…

“HTTPS协议的工作原理是什么?”这是我在数天前工作项目中需要解决的问题. 作为一名Web开发者,我当然知道 HTTPS 协议是保障用户敏感数据的好办法,但并不知道这种协议的内在工作机制. 它怎么保护数据?有人监听线路的情况下,服务器与客户端之间如何建立安全的连接?安全证书又是什么,为什么还要花钱买呢? 一系列通道 在深入讲解原理细节之前,让我们首先简单了解下HTTPS所防范的的问题,以及安全连接为何如此重要吧. 在你访问自己喜欢的站点时,从你的电脑发送的请求会在各个不同的网络之间传递——这些…

我认为每一个 web 开发者都应该对这个支撑了整个 Web 世界的 HTTP 协议有所了解,这样才能帮助你更好的完成开发任务.在这篇文章中,我将讨论什么是 HTTP,它是怎么产生的,它的地位,以及我们应该怎么使用它. 作者:Kamran Ahmed来源:Linux中国|2016-09-28 22:44 收藏 分享 自从我写了上一篇博文之后,就再也找不到空闲时间写文章了.今天我终于可以抽出时间写一些关于 HTTP 的东西. 我认为每一个 web 开发者都应该对这个支撑了整个 Web 世界的 HTT…

1. Cloud9 IDE cloud9 Cloud9是我最喜欢的一个最好的云开发环境,它可以让我在任何时间任何地点进行代码编写.运行和调试.Cloud9对Node.js 和 JavaScript代码的运行和调试进行了特别设计 ,而且基于这些应用,开发者也可以对 Python.Ruby和Apache + PHP进行运行和调试. 这就是为什么它能成为所有UI设计人员和开发人员的理想的平台. Cloud9的特性: 对C#.C++.Python.Perl.Ruby.Scala和其它几种语言设置语法高亮…

对于一份工作,你可能专注于修炼自己的内功,会在不自觉中忽视软技能.硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等.所有的公司都有属于自己的文化,并努力将这些文化传承下去,所以他们必须确保每一位新员工能够适应这个环境. 许多硬技能很容易获得并可很快的提高,而软技能由于和你性格等联系紧密,可想要改变他们是一件很困难和缓慢的事情.这里有七个核心的软技能,适用于大多数的 企业,它们不分行业,但作为Web开发者不应该忽视其中的任何一个.但是,有两个软技能不仅有利于Web开发…

此课程为 Atom 编辑器系列课程,主要介绍了 Atom 的高效开发技巧以及必备插件. 课程列表 Atom编辑器系列课程 #1 - Atom简介 Atom编辑器系列课程 #2 - 设置简介 Atom编辑器系列课程 #3 - 快速格式化代码插件 atom-beautify [#4 - 即将更新] 优酷播单地址…