
uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。一套代码编到7个平台,难以置信吗?马上下载我们的切片软件,亲自体验最全面的跨平台效果!
uni-app切片是一款根据效果图像画画一样来可视化设计uni-app程序,自动生成导出前端页面的快速开发工具。可以很方便、快速地生成程序的布局文件、样式文件、js文件、及图片文件。可以大大提高您的工作效率,减少前端布局的编写工作。
功能如下:
1.切片功能:原来手工写的这部分工作,可以用切片软件的方法来切。切好后,可以自动生成布局文件、样式文件、js文件、及图片文件。
2.文字识别功能:效果图上的文字可以通过自动文字自动识别识别出来,提高录入速度,减轻工作量。
3.存档功能:设计好的切片文件可以存档,以便下次编辑。只要有切片文件在,换了程序员也可以修改和编辑。
安装说明:
1. 先安装本软件,WIN7/WIN8/WIN10建议不要装在c盘,安装完成后右键以管理员身份运行
2. 如果不能运行,请安装.net4.5框架,推荐下载地址:http://rj.baidu.com/soft/detail/22370.html?ald
安装问题:
提示是:未能加载文件或程序集“CefSharp.Core.dll”或它的某一个依赖项。找不到指定的模块。
具体原因是因为CefSharp运行需要Visual C++ Redistributable Packages for Visual Studio 2012和Visual C++ Redistributable Packages for Visual Studio 2013这两个东西,但是有时候电脑上没有安装这个运行环境,因此我们需要下载并且安装,然后就能成功运行了。下面是对应的下载地址,要区分x86和x64哈,如果都不行,建议尝试两个环境都安装一下。
Visual C++ Redistributable Packages for Visual Studio 2012 下载地址:http://www.microsoft.com/en-us/download/details.aspx?id=30679
Visual C++ Redistributable Packages for Visual Studio 2013 下载地址:https://www.microsoft.com/zh-cn/download/details.aspx?id=40784
操作步骤:
1.先在uni-app开发者工具中新建小程序项目,见“项目设置”(点击可以转到此页面)
2.再在项目树形目录中找到要建新页面的目录,右键中点击“新建切片文件”,如下图所示:
出现导入效果图的界面,找到要切片的效果图,导入。
3.开始切片,设置图片或者背景,有文字的填入文字,设置好字体大小,颜色等等
4.切好后点工具栏上面的“刷新”按钮
5.再点工具栏上的“导出”按钮,导出的指定的目录。
6.点击工具栏上的保存按钮,保存切片文件,以便下次打开使用。
保存后会在切片文件面板中出现
更多操作见教程中心