polymer小例子,在nwjs中实现数字统计小应用

node-webkit的定义,按照作者的说法:

“ 基于node.js和chromium的应用程序实时运行环境,可运行通过HTML(5)、CSS(3)、Javascript来编写的本地应用程序。node.js和webkit的结合体,webkit提供DOM操作,node.js提供本地化操作;且将二者的context完全整合,可在HTML代码中直接使用node.js的API。”

按照我的理解,我们可以在nwjs中开发基于web技术的应用,也就是用HTML+CSS+JS来开发桌面应用程序,而nwjs为我们提供了一个webkit的框架,其中结合nodejs的api让功能更加丰富。

而最近笔者也在学习polymer,谷歌的一个非常强悍的项目。polymer 是一个google开发的web components方式的前端UI控件库,它实现了google最新发布的Material design 设计规范。polymer的概念很超前,polymer中有很多可以借鉴学习的地方。 

QQ截图20150518204534

polymer官方网站: http://www.polymer-project.org/(可能需要翻墙)

此外这里有一篇文章笔者觉得很有用处,http://www.topthink.com/topic/2673.html

源码github地址:https://github.com/mydansun/polymer-example-nwjs

这个应用的截图如下,背景是我家女神!

QQ截图20150518204449

 

还有一个gif的动图

 

new2

为github生成SSH keys

首先进入git bash,然后我们执行下面的命令,注意把your_email@example.com换成你的电子邮箱

然后看到下面的提示,直接回车默认
3

然后为key配置密码

4

然后出现下面的提示代表创建成功

5

然后输入下面的命令,接着输入密码,完成后如图所示

6

接着输入下面的命令将Key拷贝到剪贴板

7

下一步,打开github网站,找到右上角的设置,然后进入SSH Key设置页面,点击ADD SSH key,将剪贴板里的数据复制到Key文本框里,确认即可
8

9

10

11

nodejs、git和npm在windows下的安装

安装node.js

直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序,双击安装就可以了

测试安装是否成功:

在命令行输入 node –v 应该可以查看到当前安装的nodejs版本号

安装git

访问http://msysgit.github.io/下载Git to Windows并进行安装

一路Next没什么问题,其中Adjusting your PATH environment选择默认值Use Git Bash only,然后在Configuring the line ending conversions选择Checkout as-is, commit Unix-style line endings即可

安装npm

注意,以下操作可能需要翻墙和Linux命令基础
我们打开Git Bash,执行下面的命令

1

然后执行下面命令进入npm目录并安装

2

 

到现在为止,三个软件全部安装完成