I

0

点赞

0

回复

649

浏览

如何使用搜狐快站开发IDE

下载IDE 请访问 : http://kuaizhan.com/developer/ide http://kuaizhan.com/developer/ide Fork us on github: https://github.com/kuaizhan/kz ide example https://github.com/kuaizhan/kz ide example 运行环境 node.js chrome 安装说明 首先保证本地具有node.js环境,详细,参考 node.js 官网 下载工程文件解压到本地 配置本地Host 127.0.0.1 dev.kuaizhan.com 运行 npm install 安装依赖 运行 node server.js 在chrome 中打开 http://dev.kuaizhan.com/ http://dev.kuaizhan.com/ 工程文件说明 server.js IDE 程序文件 project 代码文件目录 example_plugin 插件示例目录 package.json 插件描述文件 components 插件内组件目录 richtext 组件目录(目录名同时也是组件名) package.json 组件描述文件 editing.js 编辑状态下执行代码 portal.js 发布后执行代码 unit_test.js 单元测试代码 style.css 组件样式 editing.css 编辑状态下其他样式 title package.json editing.js portal.js unit_test.js style.css editing.css video package.json editing.js portal.js unit_test.js style.css editing.css 基本功能 首先需要注册快站,并建立快站的测试站点, 如果未登录,会显示如下登录提示 登录完成之后,将返回开发首页 加载组件 点击加载组件按钮,会列出您本地project目录下的所有组件列表,选中需要加载的组件,点击加载按钮。在左侧功能区就会出现相应的组件。(如果没有出现,请检查控制台是否有报错) 上传图片 点击上传图片,将打开快站插件开发平台,并跳转至资源管理功能,在资源管理界面,选择添加文件,即可将资源上传至CDN服务器,点击图片便可得到图片的完整URL. 目前资源仅支持png,jpg,gif 图片 前端登录 当组件需要对用户进行操作时,可在开发环境模拟登录,然后获取已登录用户信息进行功能开发。 点击 “前端登录” 按钮按步骤进行操作后,便可以通过接口获取当前登录用户数据 预览主题 现在IDE支持主题开发了。具体开发规范参考: 主题开发规则 点击"预览主题"按钮后可以打开主题预览窗口 点击主题的色块,就可以在当前测试站点下预览主题 测试站点设置 设置测试站点前,首先需要在快站创建一个测试站。创建成功之后,可以得到站点ID,同时在编辑某个页面时,也可以看到页面ID. 使用站点ID和测试页ID,可以将插件数据对应用户的站点,页面进行关联。 点击 “设置测试站点”按钮,这里就会列出当前您已经创建的站点,点击一个即可 查看保存数据 当组件被拖拽到预览框之后,便会有数据需要保存页面中,这些数据用户在服务器端与组件配置中的html模板绑定后,生成用户页面。 点击查看保存数据,就可以调试当前页面中组件产生的数据情况,方便调试 加载数据 可以加载保存在本地project/templates/目录下的页面数据,该数据是在查看保存数据功能中点击保存数据所得,通过这个功能,可以在调试组件的时候不用重新的拖拽生成。另外,也可以验证组件是否可以从已有数据中加载出来。 组件仅可以加载已经出现在左侧工具栏中的组件 查看预览代码 查看预览代码显示组件在发布后的HTML代码,在这里开发者可以验证html结构是否正确。 测试发布 测试发布模拟了快站服务器端生成页面的逻辑,可以预览组件在发布后的状态,用于调试。 管理页面转发规则 说明:通过页面转发规则可以将集成的插件放置在同域内操作,前端请求将不再受跨域限制 具体转发规则如下: http://dev.kuaizhan.com/pp/ http://dev.kuaizhan.com/pp/ {plugin_name}/{page}?site_id=8500653249 http://dev.kuaizhan.com/pa/ http://dev.kuaizhan.com/pa/ {plugin_name}/{api_path}?{queryString} http://dev.kuaizhan.com/pf/ http://dev.kuaizhan.com/pf/ {plugin_name}/{file_path} 说明:根据插件package.json转发管理页 例如:插件example 的package.json 如下: ...

快站ide搜狐

0

点赞

1

回复

2513

浏览

用 Vim 来打造自己心仪的 IDE

一年前我从Vim切换到了WebStorm,是因为WebStorm强大的重构功能,以及Super Search功能。涉及多文件编辑和重构时WebStorm的优势便非常明显。 最近到手了HHKB,从键盘到触摸板的切换还是挺麻烦的,于是Vim编辑的需求又来了。。加之WebStorm经常假死,我决定重新启用Vim。同时重新打造了我的Vim,使它能够满足我在IDE中的所有需求。这篇文章便来记述整个过程,或许有些帮助。先上图: 上图中,下面的Console是通过Tmux搞的。Tmux的配置和使用参见: 优雅地使用命令行:Tmux终端复用 http://harttle.com/2015/11/06/tmux startup.html 。 准备工作 安装Git、Homebrew(如果你是Mac),并安装新版本的Vim( =7.3)。一般linux发行版都会预装Vim,你需要检查一下vim的版本: $ vim version...

idelinuxvim

新建主题 记录代码

学员动态

  • 手**掌在课程中提出了问题:void start...
  • 天**君回复了唐**学在课程中的问题:欢迎来到天码营学习,...
  • j**a添加了笔记:包(Package)...
  • l**5向课程作业中提交了代码
  • j**a添加了笔记:使用记事本编写Jav...
  • I**g在课程作业中回复了老师:请问方法哪里写错了?...
  • 三**年完成了课程的作业
  • 浮**梦向课程作业中提交了代码
  • I**y在课程中提出了问题:老师,这样的赋值到底...
  • L**1向课程作业中提交了代码
  • 三**年添加了笔记:为了支持分页,我们需...
  • 天**君回复了i**r在课程中的问题:欢迎来到天码营学习,...
  • I**y向课程作业中提交了代码
  • 三**年完成了课程的作业
  • c**8在课程作业中回复了老师:老师您好,有5个小问...
  • w**3回复了t**y在课程中的问题:https://ww...
  • S**e向课程作业中提交了代码
  • c**8向课程作业中提交了代码
  • _**s向课程作业中提交了代码
  • c**8在课程作业中回复了老师:老师还有一个问题! ...
  • L**9向课程作业中提交了代码
  • j**a添加了笔记:数学运算中存在自动类...
  • c**8在课程中提出了问题:老师啊,这章讲的也太...
  • F**k在课程中提出了问题:我按照课程指导安装了...
  • w**3回复了手**掌在课程中的问题:void 是返回类型...
  • 天**君评论了c**8在课程中的作业:1、Optional...
  • H**g向课程作业中提交了代码
  • 三**年添加了笔记:给BlogRepos...
  • 三**年添加了笔记:我们创建一个分页的类...
  • I**g向课程作业中提交了代码
  • w**3评论了L**9在课程中的作业:不要直接去获取nam...
  • j**a添加了笔记:使用记事本编写Jav...
  • h**6向课程作业中提交了代码
  • c**x创建了代码片段:ASDLKJASL打...
  • 三**年添加了笔记:上面这种方法解决了B...
  • w**3回复了手**掌在课程中的问题:安装java8重新配...
  • _**s向课程作业中提交了代码
  • I**y向课程作业中提交了代码
  • L**9在课程作业中回复了老师:老师,请问我写的这个...
  • L**9在课程作业中回复了老师:老师,请问为什么我写...
  • 浮**梦在课程作业中回复了老师:不是很懂这道题,可不...
  • L**1完成了课程的作业
  • w**7在课程作业中回复了老师:页面显示是正常的啊,...
  • j**a添加了笔记:包(Package)...
  • _**s向课程作业中提交了代码
  • S**e向课程作业中提交了代码
  • 白**2在课程中提出了问题:for(T elem...
  • c**x创建了代码片段:哪里能开发票办证小姐...
  • 三**年添加了笔记:首先在UserRep...
  • h**i向课程作业中提交了代码
  • 手**掌向课程作业中提交了代码
  • I**y向课程作业中提交了代码
  • 手**掌在课程中提出了问题:但是我装8的时候提示...
  • L**1向课程作业中提交了代码
  • H**g向课程作业中提交了代码
  • 三**年添加了笔记:为了支持方便的分页功...
  • j**a添加了笔记:占用内存空间小的类型...
  • t**y在课程中提出了问题:老师,已经add,为...
  • I**y向课程作业中提交了代码
  • w**3评论了L**9在课程中的作业:那是我给的解题思路里...
  • w**7完成了课程的作业
  • I**g向课程作业中提交了代码
  • H**g向课程作业中提交了代码
  • j**a添加了笔记:不仅仅是使用Java...
  • j**a添加了笔记
  • j**a添加了笔记:保存代码: 快捷键C...
  • 天**君回复了F**k在课程中的问题:欢迎来到天码营学习,...
  • 天**君评论了h**6在课程中的作业:这是其他同学的作业,...
  • L**9在课程作业中回复了老师:谢谢老师,我试...
  • 天**君回复了p**0在课程中的问题:欢迎来到天码营学习,...
  • I**g向课程作业中提交了代码
  • w**3回复了白**2在课程中的问题:这叫做for-eac...
  • h**6向课程作业中提交了代码
  • L**9在课程作业中回复了老师:老师,题目提醒中这句...
  • 天**君回复了c**8在课程中的问题:欢迎来到天码营学习,...
  • I**y在课程中提出了问题:老师,这里不是很理解...
  • h**6在课程作业中回复了老师:这样能成吗...
  • L**9向课程作业中提交了代码
  • 天**君回复了7**4在课程中的问题:欢迎来到天码营学习,...
  • w**3评论了I**g在课程中的作业:public sta...
  • S**e向课程作业中提交了代码
  • c**8评论了h**6在课程中的作业:我也是学生,不是老师...
  • I**y向课程作业中提交了代码
  • 浮**梦向课程作业中提交了代码
  • c**8在课程作业中回复了老师:全部回答了!太感谢...
  • L**1向课程作业中提交了代码
  • 三**年完成了课程的作业
反馈意见