Pencil(原型图绘制工具)

Pencil是一款适用于所有平台 的开源 GUI 原型设计工具，手绘风格的原型图，就像自己在纸上画的那样。能够在浏览器上快速的把界面原型画出来，还可以用来绘制各种架构图和流程图，方便和客户沟通需求！同时还提供 Firefox 的插件，也提供独立的应用程序！Penci侧重点在于设计，支持自定义控件和导出模板，功能确实很强大。此外，它还内置多种原型设计模板和多页背景文档，支持跨页超链接文本编辑！有需要的朋友欢迎下载体验！

主要功能

- 内置多种原型设计模板

- 多页背景文档

- 跨页超链接

- 富文本编辑支持

- 可导出HTML，PNG，Openoffice.org文件，Word文件和PDF。

- 撤消/重做支持

- 支持安装用户定义的模板

- 标准绘图操作：对齐，排序，缩放，旋转等

- 跨平台

- 增加外部对象

- 个人收藏

- 剪贴画浏览器

- 粗略模板

Penci使用帮助

1、首先是下载Pencil项目

2、用vs code打开，运行npm i 安装依赖。这里遇到了第一个坑，权限问题，并且撞墙了。如下命令解决：

- sudo npm install -g electron --unsafe-perm=true --allow-root --registry=https://registry.npm.taobao.org

3、安装成功后，npm start运行时遇到了第二个坑，控制的报错，bing后发现是electron的版本1.8.4有问题，于是uninstall，退回到1.7.8。

- sudo npm install -g electron@1.7.8 --unsafe-perm=true --allow-root --registry=https://registry.npm.taobao.org

4、npm start 终于运行成功了！开发模式启动可以使用如下命令：

- npm run start:dev