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

新建主题 记录代码

学员动态

  • h**u在课程作业中回复了老师:老师你好,在讲义中有...
  • 天码君回复了j**7在课程中的问题:欢迎来到天码营学习,...
  • h**u在课程作业中回复了老师:老师你好,请问怎么强...
  • f**a添加了笔记:...
  • x**3向课程作业中提交了代码
  • h**u在课程中提出了问题:是的我在英国,只能利...
  • z**o向课程作业中提交了代码
  • d**7在课程中提出了问题:老师好,这是我的作业...
  • 勺**5向课程作业中提交了代码
  • z**o向课程作业中提交了代码
  • 天码君回复了l**n在课程中的问题:欢迎来到天码营学习,...
  • 刘保方向课程作业中提交了代码
  • w**3回复了d**7在课程中的问题:java 严格要求字...
  • w**3评论了d**7在课程中的作业:不要写死了字符串,题...
  • w**3回复了h**u在课程中的问题:抱歉,视频只放了wi...
  • f**a向课程作业中提交了代码
  • h**u在课程中提出了问题:老师你好,在第2课的...
  • x**3向课程作业中提交了代码
  • 勺**5向课程作业中提交了代码
  • n**0评论了:受益匪浅,学习笔记 ...
  • z**8添加了笔记:=='和'!='作为...
  • z**8评论了:Scanner对象可...
  • f**a添加了笔记:Q1.fo...
  • w**3评论了h**u在课程中的作业:可能题目表述不清, ...
  • w**z向课程作业中提交了代码
  • S**n完成了课程的作业
  • h**u在课程中提出了问题:老师你好,在第三课的...
  • w**3回复了h**u在课程中的问题:已经在代码上回答你了...
  • x**3在课程作业中回复了老师:这给地方我知道怎么...
  • d**7在课程中提出了问题:您好,为什么错了...
  • 天码君回复了坦克在课程中的问题:欢迎来到天码营学习,...
  • w**3评论了h**u在课程中的作业:一开始 在定义的时候...
  • w**3评论了x**3在课程中的作业:post post....
  • d**7在课程中提出了问题:public voi...
  • S**n完成了课程的作业
  • z**8添加了笔记
  • 天码君回复了S**n在课程中的问题:欢迎来到天码营学习,...
  • S**n完成了课程的作业
  • S**n完成了课程的作业
  • 天码君回复了F**s在课程中的问题:欢迎来到天码营学习,...
  • d**7在课程中提出了问题:public voi...
  • 天码君回复了O**e在课程中的问题:欢迎来到天码营学习,...
  • c**`向课程作业中提交了代码
  • S**n完成了课程的作业
  • w**3回复了l**n在课程中的问题:你安装的应该是最新版...
  • c**e添加了笔记:用快捷键CTRL+S...
  • h**u在课程作业中回复了老师:老师,请问以上 by...
  • O**e向课程作业中提交了代码
  • 勺**5在课程作业中回复了老师:运行没问题,就是提交...
  • 刘保方向课程作业中提交了代码
  • w**z向课程作业中提交了代码
  • 勺**5向课程作业中提交了代码
  • d**7在课程中提出了问题:打印出来的HTML必...
  • h**u添加了笔记:初学Java时我们的...
  • w**3评论了z**o在课程中的作业:不是按作业要求实现的...
  • 天码君回复了x**l在课程中的问题:欢迎来到天码营学习,...
  • d**7在课程中提出了问题:public voi...
  • w**3回复了h**u在课程中的问题:代码相关的问题,可以...
  • 勺**5向课程作业中提交了代码
  • l**m向课程作业中提交了代码
  • x**4向课程作业中提交了代码
  • w**3评论了x**3在课程中的作业:int id...
  • c**`向课程作业中提交了代码
  • S**n完成了课程的作业
  • d**7在课程中提出了问题:打印出来的HTML必...
  • h**u添加了笔记:Scanner对象可...
  • x**3向课程作业中提交了代码
  • x**l向课程作业中提交了代码
  • h**u在课程中提出了问题:老师你好,在这个例子...
  • z**o在课程作业中回复了老师:请问本地运行能显示如...
  • f**a向课程作业中提交了代码
  • 天码君回复了l**m在课程中的问题:欢迎来到天码营学习,...
  • z**8添加了笔记:Java语言自带的关...
  • l**n在课程中提出了问题:老师出现这个情况应该...
  • 刘保方向课程作业中提交了代码
  • f**a添加了笔记:Q...
  • f**a向课程作业中提交了代码
  • z**8向课程作业中提交了代码
  • h**u在课程中提出了问题:老师你好,请问把最后...
  • 天码君回复了h**u在课程中的问题:欢迎来到天码营学习,...
  • d**7向课程作业中提交了代码
  • d**7在课程中提出了问题:哦,明白了,谢谢老...
  • d**7在课程中提出了问题:老师您看看这个错在哪...
  • f**a向课程作业中提交了代码
  • w**3评论了x**3在课程中的作业:System.out...
  • 没**你向课程作业中提交了代码
  • z**8添加了笔记:注意,将一个整数和字...
  • 天码君回复了J**2在课程中的问题:欢迎来到天码营学习,...
  • z**8向课程作业中提交了代码
  • w**3回复了h**u在课程中的问题:那这是太好了,计算机...
  • S**n完成了课程的作业
  • h**u添加了笔记:每个Java语句都需...
  • 天码君回复了y**9在课程中的问题:欢迎来到天码营学习,...
  • S**n完成了课程的作业
  • f**a向课程作业中提交了代码
  • w**3回复了d**7在课程中的问题:代码问题可以直接在代...
  • w**3评论了h**u在课程中的作业:后面会讲到 循环 。...
  • 天码君回复了x**3在课程中的问题:欢迎来到天码营学习,...
  • 勺**5向课程作业中提交了代码
  • l**m评论了:请问什么是doubl...
反馈意见