1. Canvas
|
|
2. tags of canvas
|
|
3. other functions
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
click here to download
双击安装(我用的是3.5.1版本)
创建 trinker.py
写以下代码
双击运行代码
|
|
|
|
|
|
|
|
|
|
|
|
bg: 背景颜色
fg:前景颜色
activebackground: 当widget是活跃widget的背景颜色.
activeforeground:小部件时,部件是活跃的前景色.
background: widget的背景颜色。这也可以代表ASBG.
disabledforeground: 前景色的部件,当部件被禁用.
foreground: widget的前景色。这也可以表示为FG.
highlightbackground: 部件具有焦点时的亮点区域的背景颜色.
highlightcolor: 前景色的亮点区域,部件具有焦点时.
selectbackground: widget的所选项目的背景颜色.
selectforeground: 前景色为widget的选定项目.
…
html补全
文字泡沫
随地泡沫
miku
当输入的时候,提供可能的候选项。
chrome里面的编辑框直接在atom编辑
源码预览图,提供丰富的自定义选项
显示文件类型对应的图标。
格式化代码,更统一的代码风格。
在编辑器里面挑选颜色。
给每个语言独立设置扩展和功能
atom内置命令行工具
git-control git面板
git-controlhub git面板
open-gitub 在atom打开gitub
jsx扩展
markdown预览
tool-bar-almighty // 我个人喜欢
tool-bar-shortcut //功能丰富
tool-bar-shortcuts //可以自选选项
右侧工具栏 (必须把tool-bar和上面三个任意选一个一起安装,只安装一个没有效果的)
预览lhtml页面
atom添加vin模式
颜色代码着色显示(代码指定的颜色)
模块名自动补全
给某个文件夹php服务器启动
自动刷新的服务器
atom-react-preview react预览
react 语法支持
atom-react-native-autocomplete RN代码补全
文件夹git状态
文件栏背景图
打字时候光标颜色
文件名颜色
给windows添加打开快捷方式
默认程序打开代码
keyboard-sound
typewriter-sound
敲代码声音
背景播放视频
atom全局背景
黑客新闻标题和打开链接(无文件打开状态下在背景)
背景图片和视频
同步/运行脚本到服务器
给atom设置个性化标题
line-count-status
move-status-items
status-bar-clock
battery-status
git-status
terminal-status
ctags-status //类,函数,作用域
顶部菜单管理
php类和方法树状图
Facebook的IDE
在编辑器里运行代码
编辑服务器上的文件
同步服务器上的文件
服务器文件的树状结构显示
浏览器
浏览一切
在浏览器打开
jsx语法
atom-2048
snake
tetromino
将markdown-preview编辑区和预览区同步滚动
方便管理markdown里的图片和链接
格式化markdown的表格
atom编辑器里执行hexo命令写博客
github-issure帮助工具
github-user-dataip 显示文档里github账号的详细信息
create-github-repo 创建github repository
my-github-profile 显示自己github信息在状态栏
github-notification 通知github消息
gist-it 快速分享代码到gist.github.com(可惜天朝用不了gist)
根据遇到的问题查找stackoverflow代码片段
在atom快速提问stackoverflow
node-debugger
php-debug
python-debugger
swift-debugger
go-debug
...
给当前编辑文件添加用户时间等头部信息
js 代码混淆
备份同步atom的插件和配置
本地音乐播放器
atomn内嵌listenvideo.com
atom内嵌youtube
美化设置面板
markdown转换成pdf,html,png
atom内嵌notebook
当markdown-preview时编辑框和预览框同步
python代码自动补全
输入特殊的字符后自动扩展成对应的 Javascript 代码片段
跳转到指定的行,只要 ctrl + g 后输入行号即可
js,nodejs,es6补全
正则表达式图形化显示
自定义shell命令
通过 Cmd-Alt-O/Ctrl-Alt-O 快速的打开文件或新建文件,同时支持路径补全
带文件图标的黑色主题
运行php
图形化git提交记录
格式化json数据
用鼠标复制剪切粘贴文本
文件转base64
截屏和编辑图片
个性化atom的各个按钮命令
atom来鼓励你写代码
又是一个很棒的terminal
自动隐藏树状文件面板
slack的atom内置客户端
游戏引擎
html5的canvas代码片段
文件里画图形
在安装过的任意浏览器打开代码
最漂亮的两个主题
最漂亮的两个语法主题
侧边树状文件结构的背景和主题背景同步
文档查看
AS的Ctrl+鼠标左键还记得吧
代码模板生成器
项目管理
主流语言给函数和类自动生成文档
主流语言的api文档
在几年的时间里,NodeJS逐渐发展成一个成熟的开发平台,吸引了许多开发者。有许多大型高流量网站都采用NodeJS进行开发,像PayPal,此外,开发人员还可以使用它来开发一些快速移动Web框架。
除了Web应用外,NodeJS也被应用在许多方面,本文盘点了NodeJS在其它方面所开发的十大令人神奇的项目,这些项目涉及到应用程序监控、媒体流、远程控制、桌面和移动应用等等。
NodeOS是采用NodeJS开发的一款友好的操作系统,该操作系统是完全建立在Linux内核之上的,并且采用shell和NPM进行包管理,采用NodeJS不仅可以很好地进行包管理,还可以很好的管理脚本、接口等。目前,Docker和Vagrant都是采用NodeOS的首个版本进行构建的。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
许多硬件黑客希望通过Web页面即可控制他们的Arduino,Noduino就是这样的一个项目,一个简单灵活的JavaScript和NodeJS框架,通过使用HTML5、Socket.IO和NodeJS的Web应用来控制Arduino。目前,该项目刚刚启动,支持一些常用功能,比如从Arduino中捕获事件(例如点击按钮)等。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
Node-Webkit是一个基于Chromium与NodeJS的应用程序运行器,允许开发者使用Web技术编写桌面应用。它是NodeJS与WebKit技术的融合,提供一个跨Windows、Linux平台的客户端应用开发的底层框架。
跨平台开发并非易事,其中一种方式便是使用Web技术和Node-Webkit开发桌面应用来代替那些庞大且笨重的开发框架。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
PDFKit是采用NodeJS开发的一款PDF文档生成库,它使用一个“HTML5 canvas-like API”来创建矢量图形和字体嵌入,并且支持许多标准的PDF功能,如文件的安全性、表的创建、文本换行、项目符号、高亮提示、注释等PDF功能。
注意,PDFKit是一款PDF生成工具,而不是一个文档转换系统。如果你想对现有的PDF文档进行操作,你可以使用另一个NodeJS项目—— Scissors。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
Log.io是一个基于NodeJS开发的实时日志监控项目,在浏览器里访问。需要注意的是,Log.io只监视日志变动并不存储日志,不过这个没关系,只要知道日志存储在哪个机器上。
Log.io使用 Socket.io库发送活动报告的,和其他的监控工具一样,Log.io也采用服务器-客户端的模式。Log.io由两部分组成:server和harveste,server运行在机器 A(服务器)上监视和纪录其他机器发来的日志消息;log harvester 运行在机器 B(客户端)上用来监听和收集机器 B上的日志改动,并将改动发送给机器 A,每个需要纪录日志的机器都需要一个harvester。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
受谷歌Chromecast技术的启发,开发者使用NodeJS开发出不少Chromecast仿真应用。如Nodecast或Leapcast。在PC上运行Nodecast或Leapcast,启动移动设备,选择一个支持Chromecast的应用程序,然后你就可以把移动广播上的内容映射到电脑上了,把电脑当成一个流媒体使用。
在这两个应用中,Nodecast比较简单些,但相应的功能也比较少,它仅经过了YouTube和Google Music的测试( DEMO)。注意,大家不要把Nodecast与 Nodecast库混淆,后者使用DIAL发现协议提供链接设备(类似Chromecast)。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
Nexe是一款小巧却非常实用的NodeJS工具,它可以为NodeJS应用创建单一可执行的文件,并且无需安装运行时,这样,一些非技术终端的用户就无需变动NodeJS应用的所有依赖程序。如果你想发布一个NodeJS应用程序,并且没有GUI,Nexe则是您的最佳选择。目前该应用程序的一个弊端是不能在Windows平台上工作,只适用于Linux和Mac OS X平台,并且它也不支持本地NodeJS模块。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
Hyro是使用NodeJS开发的一款实时HTML5编辑器,如下图所示,左边显示HTML源码,右边显示内容。语法高亮由 CodeMirror提供。Hyro并不打算成为一款成熟的Web IDE,更像是一款轻量级的HTML或CSS记事本。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
Haroopad是一款Linux上的markdown编辑器,使用Chromium作为UI,支持Windows、Mac OS X和Linux。主题样式丰富,语法标亮支持54种编程语言。 如下图所示,一边是代码编辑窗口,一边是预览窗口,可以实时更新。其邮件导出功能可以将文档发送到Tumblr和Evernote。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
TiddlyWiki是一款交互式的wiki,非常灵活,它也可以在浏览器里作为单一的HTML文件或者是一款功能强大的NodeJS应用程序。
TiddlyWiki5是全新设计的5.0版本,它可以直接集成NodeJS解锁一系列的功能,但在单机模式下是不可用的。目前,TiddlyWiki5仍处于测试阶段。
NodeJS无所不能:细数12个令人惊讶的NodeJS开源项目 - kompasim - kompasim的博客
来自: InfoWorld
Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
phonegap是一个跨平台的移动app开发框架,可以把html css js写的页面打包成跨平台的可以安装的移动app,并且可以调用原生的几乎所有的功能,比如摄像头,联系人,加速度等。
|
|
nodejs
(boolean)设置是否禁用nodejs。
node-main
(string)指定node.js的脚本文件的路径
single-instance
(boolean)是否只允许启动单个实例,true为只允许一个软件实例运行。
js-flags
(string)指定js引擎,如:
“js-flags”: “–harmony_proxies –harmony_collections”
例子:
|
|
title
(string)窗口标题(设置index.html里的标签中的文字,如果已经设置就不会生效。)
width/height
(int)设置窗口大小。
toolbar
(boolean)设置工具栏是否显示
icon
(string)设置软件图标。
min_width/min_height
int)设置软件的最小宽度和高度
max_width/max_height
int)设置软件的最大宽度和高度
resizable
(boolean)设置窗口是否可以调整大小
always-on-top
(boolean)设置窗口总是在最上层(置顶)
fullscreen
(boolean) 窗口全屏
kiosk
(boolean)是否使用Kiosk模式。在Kiosk模式下,应用程序将是全屏,并试图阻止用户离开应用程序,所以你应该记得,提供了一种在应用程序离开Kiosk模式。这种模式主要用于演示公共显示器(可用节点的-webkit v0.3.1后)
show
(boolean) 显示和隐藏窗口
position
null:默认
center :软件启动在中间显示。
mouse:软件启动在鼠标指标位置显示。
例子:
|
|
version
版本号,由 3 组数字组成 major.minor.bugfix 。尚在开发阶段时版本号应该加上后缀 -dev,例如 1.1.3-dev。需要手工修改,不支持根据规则自动变化。
author
模块的作者。
keywords
关键字,如:“keywords”:[“a”,”b”]
description
模块的描述。
bugs
bug 问题 的反馈地址信息。javascript对象,可在对象中自定义除email、url等其他地址类型信息,比如电话、QQ等。
maintainers
维护者
|
|
contributors
捐赠者
repositories
库、模块
|
|
本文介绍了 NW.js(node-webkit) 的基本知识,通过本入门指南的学习,可以让你快速构建一个 NW.js 的桌面应用。
NW.js (原名 node-webkit)是一个基于 Chromium 和 node.js 的应用运行时,通过它可以用 HTML 和 JavaScript 编写原生应用程序。它还允许您从 DOM 调用 Node.js 的模块 ,实现了一个用所有 Web 技术来写原生应用程序的新的开发模式。
这里是 使用 NW.js 的应用和公司列表 ,可以看到 NW.js 实际应用效果。
用现代 HTML5,CSS3,JS 和 WebGL 来编写应用程序。
完全支持 Node.js APIs 和所有其 第三方模块 .
良好的性能:Node 和 WebKit 运行在相同的线程:函数调用是更简洁;对象在同一堆可以互相引用;
容易打包和分发应用程序。
支持 Linux、Mac OS X 和 Windows
我们新建一个目录 quick-start ,来代表项目名称。
在 quick-start 目录下,创建 index.html :
|
|
在 quick-start 目录下,创建 package.json :
运行:
bash $ /path/to/nw .
(假设当前目录包含 ‘package.json’)
注意: 在 Windows 系统, 拖动包含 package.json 文件夹 quick-start ,到 nw.exe 来打开它。
注意:在 OSX 系统,可执行编译文件是在隐藏目录的 .app 文件内。为了在 OSX 运行 node-webkit , 输入:
/path/to/nwjs.app/Contents/MacOS/nwjs .
(假设当前目录包含 ‘package.json’)
将 quick-start 复制为另外要给项目 quick-start-window 。
修改 package.json 来设置程序。
窗口外观常用属性包括:
|
|
本节以 Windows 环境下为例。
将下载的 NW.js 文件解压,复制一份作为项目的发布包模板,本例名称为 nwjs-v0.12.3-win-x64
将 quick-start 内的文件压缩成 .zip 文件 quick-start.zip ,修改文件后缀为 quick-start.nw (这个是管方的说法,其实不该后缀 直接是 quick-start.zip 可以是可以)
将 quick-start.nw 放入发布包 nwjs-v0.12.3-win-x64 ,
在命令下,切换到 nwjs-v0.12.3-win-x64 目录,并执行
copy /b nw.exe+quick-start.nw quick-start.exe
此时,生成了可执行文件 quick-start.exe ,双击即可运行程序
最终的发布包,未减少体积,可以删除项目用不到的冗余文件,由于 nw.exe 、 quick-start.nw 文件已经合成为了 quick-start.exe ,故删之。又因为该项目简单,没有用到媒体库,可以删除 nwjc.exe 、 ffmpegsumo.dll 等
见: https://github.com/waylau/nwjs-demos 中的 quick-start 和 quick-start-window 。
现在cordova是利用nodeJS进行管理,所以需要先下载nodeJS。其中,就包含了npm管理器。下载地址:
https://nodejs.org/
在命令行窗口确认安装完成,输入命令,查看nodejs版本
npm –version
在命令行窗口输入:
npm install -g cordova
安装完后输入命令检查是否安装成功
cordova -v
自己到sun.com 下载java的开发环境,现在是最新版1.8,很简单,双击exe安装
要编译android应用,需要adt sdk编译器,这个是google的,可能需要翻墙
下载ADT,地址:
http://developer.android.com/sdk/
安装完后 启动Android SDK Manager,下载android sdk和工具
上面主要的难点和问题是android sdk的安装,因为被墙的原因,安装可能需要耗点时间和精力。安装完后就可以使用cordova了。
创建cordova项目,第一个demo是目录,第二个是应用包名,第三个参数是应用名称
cordova create demo com.baidu.demo demo
Cordova platform add android
第一次创建项目需要联网下载模板,可能需要点时间,等待完成后输入编译命令
Cordova run android
如果android手机连接到了电脑,应用会被安装到手机,可以在手机上查看效果了,如果手机未连接到电脑或者未正常驱动,则可以单独编译然后手动安装
Cordova build android
Build后apk会产生,放在项目的platform/android/builds/下面
先说下如果需要用express 3.x版本,直接使用nmp 中的@字符确定版本,指令如下:
npm install -g express@3.5
如果需要使用4.0,这里有个需要注意的问题在4.x版本express 已经把命令行工具分离出来 (链接https://github.com/expressjs/generator)
我们现在全局安装只需要安装这个命令行工具就可以,指令如下:
npm install -g express-generator
$ express blog &&cd blog
blog是安装的文件夹名
$ npm install
安装express及依赖
$ npm start
这里需要注意 express 4.x 无法以 node app.js 为启动方式,而是用指令 npm start 作为启动
访问 http://localhost:3000/ 出现熟悉的Welcome to Express,证明安装成功。
这时我们就可以尝试4.0的新功能了。
|
|
|
|
app.route方法会返回一个Route实例,它可以继续使用所有的HTTP方法,包括get,post,all,put,delete,head等。
express.Router类,则可以帮助我们更好的组织代码结构。在app.js文件中,定义了app.use(‘/’, routes); routes是指向了routes目录下的index.js文件,./routes/index.js文件中,express.Router被定义使用,路径/*处理都会由routes/index.js文件里的Router来处理。如果我们要管理不同的路径,那么可以直接配置为多个不同的Router。
|
|