前端工具推荐 PxCook-程序员宅基地

技术标签：前端

1、PxCook介绍

PxCook(像素大厨) 适合于根据UI提供的网页设计图来书写前端网页代码的时候

其优势在于小巧、操作简单，页面简洁，可以知道设计图中各个元素的尺寸、颜色、其中字体大小颜色和与其他元素的距离，同时选中元素后会展示相关书写网页代码所需的元素信息以及对应的css样式，当然最让人开心的是可以免费使用

在不知道该软件前我是用的ps来对设计图进行相关元素信息的获取，但是知道该软件后果断使用PxCook

PS相对于PxCook功能更强大，但PS占用空间大和需要付费，在有网页设计图的情况下，PxCook足够可以让我们来书写前端代码~~~

2、PxCook的下载安装

下载地址：PxCook - 高效易用的自动标注工具,生成前端代码,设计研发协作利器 (fancynode.com.cn)

点击立即下载

打开浏览器上的下载按钮，在下载完成后，点击文件图标（如果可以找到自己浏览器下载的位置可以省略这步）

找到该图标，双击打开

若出现“你要允许此应用对你的设备进行更改吗”选择是，没有出现请忽略这步

出现下图，点击下一步

点击我同意此协议后，点击下一步

再次点击下一步

点击安装

点击完成后，完成安装

3、PxCook的基本使用

双击打开桌面上的PxCook图标启动

点击右上角的创建项目，在出现的创建项目框中输入项目名称并选择Web，然后点击创建项目

将.jpg或者.png或者.psd图拖入红色框区域

双击打开设计图

有设计和开发两个模式，.psd图多用于开发模式，选中元素后会展示该元素相关信息，包括大小、颜色和其中字体等等（右边框可见），选中元素后将鼠标移到其他元素上可以看到两元素之间的距离

.png或者.jpg图多用于设计模式。红色标注的尺子和吸管常用，吸管用于识别图片颜色，点击吸管工具后，点击想要识别图片中的部分即可；尺子工具点击该工具后，点击图片上的某一位置按住鼠标，移动位置即可确定两位置之间的距离

使用结束后点击关闭，选择是否保存即可

注：

对图片进行移动时要按住空格键再点击鼠标左键进行移动，只点击鼠标左键或者滚动鼠标都不会使图片移动

快捷键一起按住 ”ctrl“和 ”+“放大图片一起按住”ctrl“和”-“ 缩小图片

解决官网打不开的问题：

我自己之前下载的PxCook压缩包已放在文章顶部

本文链接：https://blog.csdn.net/weixin_53141315/article/details/129062835

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

用 ant 把一个web项目打成war 不依赖eclipse build.xml_用ant打war包必须要有web.xml-程序员宅基地

文章浏览阅读1.5k次。用 ant 把一个web项目打成war 不依赖eclipse build.xml2010-10-11 14:15摸索了好一阵子，终于把一个WEB项目打成了一个WAR包，其实原理很简单，就是编译所有CLASS的类，然后把它放到一个临时文件夹中。用WRA命令时，会有四个东西，WEB。_用ant打war包必须要有web.xml

Redis的主从复制，哨兵和Cluster集群-程序员宅基地

文章浏览阅读278次。在这种模式下，一个Redis服务器可以是另一个Redis服务器的主服务器（master），而原主服务器则可以同时是其他Redis服务器的从服务器（slave）。总结，Redis的主从复制、哨兵和集群都是为了提高Redis的可用性和扩展性。故障转移意味着在某个Redis服务器发生故障时，可以自动将该服务器的数据迁移到其他服务器，以此来恢复服务。它在主从复制的基础上，添加了自动故障转移的功能。哨兵通过定期检查主服务器和从服务器的运行状态，当主服务器发生故障时，哨兵可以自动将一个从服务器升级为主服务器。

Winform两种方法实现打包_winform打包-程序员宅基地

文章浏览阅读353次。一.1. 在现有项目的解决方案中添加新的项目: 右击"解决方案",选择"添加"--"新建项目", 在"添加新项目"的选择窗口中, "项目类型"选"其他项目类型"--"安装和部署","模板"选"安装项目",给新项目指定名称,位置;2. 在新添加的安装项目上右击, 选择"视图"--"文件系统", 右击"目标计算机上的文件系统"作侧的"应用程序文件夹", 选择"添加文件"或者"_winform打包

2017年深度学习语义分割导读_refinenet: multi-path refinement networks for dens-程序员宅基地

文章浏览阅读6.9k次，点赞3次，收藏15次。翻译了2017年深度学习语义分割导读，博客链接如下：http://blog.qure.ai/notes/semantic-segmentation-deep-learning-review其中介绍了从FCN开始8种有代表性的图片语义分割方法的主要贡献，简单介绍，并做了简单的评论。_refinenet: multi-path refinement networks for dense prediction

VS2015 连接、查询SqlServer/_variant_t 与 std::string 相互转换__variant_t std::string-程序员宅基地

文章浏览阅读447次。以下代码在vs2015中测试通过，使用标准Windows库。连接SqlSerer和查询的代码是东拼西凑的，_variant_t 与 std::string 相互转换是自己翻书写的。_variant_t 如果是日期、整数等其他数据类型，会自动转成std::string，没有乱码。// SqlServerTest.cpp : 定义控制台应用程序的入口点。//#include "stdafx.h"#include <ICRSINT.H>#include <vector>#__variant_t std::string

java调用第三方dll文件-程序员宅基地

文章浏览阅读835次。网上调用第三方dll组件的方法有很多，作者是通过jna进行调用的，试过com组件封装但是组件，但是一直没有成功，因为是.net的dll文件（net.dll），故无法直接使用jna进行调用，所以作者的思路是将net.dll用c先引入后，再做成一个c的dll，供dll后改用jna调用c的dll，c的dll再调用原始的dll文件..._java调用第三方dll文件