产品经理有一个非常重要的工具就是Axure,通过Axure我们通常会把想法转化成包含交互的可视化线框图。但是在日常的工作中,我们如果用HTML文件传递不仅会遇到某些浏览器无法打开的问题,而且没有办法及时更新内容。所以,介绍一种Geek、并且免费的方式来方便管理HTML原型:Coding Pages静态网页托管和演示服务。

介绍一下需要准备的内容

Coding Pages服务

Git服务

SourceTree:Git客户端

7步带你完成HTML原型托管

1.注册一个Coding账户

2.新建一个用于管理Axure的项目

3.进入刚才新建的项目,找到 代码 中的Pages服务,然后后开启Pages服务

4.开启Pages服务之后,新建一个coding-pages分支,并且建议设置成默认分支

5.安装SourceTree,然后通过新仓库把Coding上建好的项目克隆下来

Coding上的远程仓库通过HTTPS的方式访问:

6.按照提示克隆完成后,新建一个本地文件夹用做本地仓库,然后将Axure文件生成到该文件位置之后,通过Git将文件Push到coding-pages分支

7.到此大功告成,通过访问https://[个性ID].coding.me/[项目名]/[Axure文件夹名称]就可以查看到效果了。

axure导出html css,通过 Coding 托管 Axure HTML 文件_html/css_WEB-ITnose相关推荐

  1. coding中预览html,通过 Coding 实现 Axure 原型托管 , WebIDE实现在线预览

    注册 Coding 账号这步就省略了...接下来步入正题~ 登录 Coding,新建一个项目... 码市新建项目 名称,项目描述,下面启用 README.md 可随意勾选,点击创建 PS :我还是不勾 ...

  2. 解决axure导出的HTML文件,点击index.html,不可查看原型文件的方法

    Axure RP Extension for Chrome安装 Axure RP Extension for Chrome是一款谷歌插件,主要可以用来查看原型文件.以前安装插件的时候总是找半天资源,很 ...

  3. axure弹窗关闭_干货来袭,Axure插入图标的几种办法

    前言 在日常绘制原型的时候,经常会需要插入相应的图标(icon)到Axure中,但是看似好像很简单的事情也给蛮多小伙伴造成了困扰. 现在很多开发团队都会用一些比较常见的前端框架来搭建后台管理系统,例如 ...

  4. axure可视化大屏模板200例 •axure模板 大屏可视化 •axure数据可视化原型 •axure可视化组件 •axure

    可视化axure原型可视化大屏模板200例,带动画效果,可直接复用 axure可视化大屏模板200例 axure可视化大屏模板200例数据可视化原型可视化组件下载-无极低码 axure模板 大屏可视化 ...

  5. Django套用现成模板,导入css,js,images等文件【转】

    环境 windows10 pycharm2017.3.3 professional edition(必须专业版) python3.6.4 django2.0.2 参考资料 http://blog.cs ...

  6. java导出jar带第三方库_在.jar文件中导出java库

    我仍然是 java的新手,我对导出.jar文件非常新.我有一个小游戏,我想发送给一些朋友,我被告知在另一个问题,我应该将它导出到一个可执行的jar文件.好吧,我终于在我的计算机上工作了但是当我把它发送 ...

  7. [css] 一个页面引用多个文件,如何防止样式冲突?

    [css] 一个页面引用多个文件,如何防止样式冲突? 编码层面: 1.定制规则:不同的样式文件表,增加不同的前缀. 2.按照功能区分文件:不同的文件样式表,针对页面不同的部分写样式,通过样式层级的方式 ...

  8. excel emoji php,PHP导出带有emoji表情的文本到excel文件出问题了

    前段时间做了一个导出用户信息(包含微信昵称)到excel文件的功能,一直没问题,今天突然有人反馈说导出来的数据有一些丢失了.我试了一下,发现有些数据导出没问题,有些有问题,某些列出现了空白,数据打印出 ...

  9. vue文件里在style的样式需要什么loader_Vue学习笔记之Webpack中css、less、图片等文件处理...

    一.webpack中使用css文件: loader是webpack中一个非常核心的概念,去转化webpack不能转化或打包的文件. 安装loader: 官网介绍: 安装: cnpm install - ...

最新文章

  1. 机器学习入门:一文让你快速了解机器学习
  2. java 删除list元素_JAVA中循环删除list中元素的方法总结
  3. GPU虚拟化时代的到来(vGPU)!CitrixNVIDIA联合研发虚拟化共享GPU技术预览
  4. QT学习:获取本机网络信息
  5. 白白的(baibaide)
  6. 设置 input元素placeholder的字体颜色
  7. (pytorch-深度学习)循环神经网络
  8. Pixel6 解锁bootloader
  9. 即将到来的“分布式云”(DPaaS):分布式计算+ DB +存储即服务
  10. java 账户和密码 3次_模拟登录,给三次机会,并提示还有几次。Java实现
  11. CONVERSION_EXIT_ALPHA_INPUT
  12. css3中的box-shadow的用法与text-shadow的用法
  13. 脚本——监控打印服务
  14. 如何在Inceptor中使用日期函数获取与转换时间
  15. php laravel手册,【laravel7.x中文文档】集合
  16. 华为交换机初始化_华为交换机初始设置
  17. 无纸化办公中如何保护数据安全
  18. GOP图像组和组中3类不同的图像帧IBP
  19. MATLAB常用快捷键总结
  20. python习题20190130

热门文章

  1. 【SpringBoot】66、SpringBoot使用自定义注解实现返回数据脱敏操作
  2. AI 模型社区“魔搭”亮相,平头哥又上新,端云一体生态再升级
  3. 项目经理如何做项目工作汇报?
  4. TX2安装realsense SDK和librealsense
  5. 简单入门到彻底搞懂防抖和节流
  6. Python开发者的画笔-turtle
  7. 一文带你享受数学之优美
  8. 回归创作打卡获奖名单
  9. JMP首席研发专家Bradley Jones 博士荣获2021威廉·G·亨特奖
  10. 正则表达式 不匹配某个单词