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

新建主题 记录代码

学员动态

  • J**y向课程作业中提交了代码
  • J**y向课程作业中提交了代码
  • w**3评论了z**x在课程中的作业:这是一个类的主体部分...
  • z**x在课程中提出了问题:老师我的电脑是64位...
  • 三年在课程作业中回复了老师:老师,我的代码中报这...
  • 天码君回复了D**G在课程中的问题:欢迎来到天码营学习,...
  • 天码君回复了h**2在课程中的问题:欢迎来到天码营学习,...
  • J**y向课程作业中提交了代码
  • L**z在课程中提出了问题
  • z**x在课程作业中回复了老师:所以说,是要先创建包...
  • c**6向课程作业中提交了代码
  • J**y向课程作业中提交了代码
  • 工**武在课程中提出了问题:请问为什么课程的视频...
  • D**n向课程作业中提交了代码
  • J**y向课程作业中提交了代码
  • w**3回复了L**z在课程中的问题:你如果要用java1...
  • 天码君回复了L**z在课程中的问题:欢迎来到天码营学习,...
  • 天码君回复了D**n在课程中的问题:欢迎来到天码营学习,...
  • z**x在课程中提出了问题:请问下老师,安装的时...
  • 天码君评论了三年在课程中的作业:你的代码应该是可以跑...
  • z**x在课程作业中回复了老师:想请问下老师这行代码...
  • 三年添加了笔记:分析我们的业务场景,...
  • 三年添加了笔记:需要修改MyBati...
  • A**i向课程作业中提交了代码
  • J**y向课程作业中提交了代码
  • w**3评论了z**x在课程中的作业:...
  • 天码君回复了R.D在课程中的问题:欢迎来到天码营学习,...
  • c**u向课程作业中提交了代码
  • A**i向课程作业中提交了代码
  • z**x在课程中提出了问题:老师我把Java换成...
  • z**x在课程中提出了问题:对应版本?我的JDK...
  • A**i向课程作业中提交了代码
  • J**y向课程作业中提交了代码
  • w**3回复了z**x在课程中的问题:软件安装问题每个人碰...
  • z**x在课程作业中回复了老师:所以说包的作用就像是...
  • z**x在课程作业中回复了老师:入门到精通这本我今天...
  • w**3评论了z**x在课程中的作业:对的,一般是在包下的...
  • L**z向课程作业中提交了代码
  • D**n在课程作业中回复了老师:这道题是什么意思? ...
  • w**3回复了z**x在课程中的问题:重新安装对应版本的e...
  • w**3回复了z**x在课程中的问题:百度找一下如何彻底删...
  • w**3回复了z**x在课程中的问题:可以设置字体 htt...
  • L**z在课程中提出了问题:好的那我还是装回我的...
  • L**z向课程作业中提交了代码
  • A**i完成了课程的作业
  • z**x添加了笔记:public sta...
  • w**3评论了z**x在课程中的作业:这个是根据你的jav...
  • 天码君回复了z**x在课程中的问题:欢迎来到天码营学习,...
  • 天码君回复了A**i在课程中的问题:欢迎来到天码营学习,...
  • R.D完成了课程的作业
  • L**z向课程作业中提交了代码
  • 天码君回复了c**h在课程中的问题:欢迎来到天码营学习,...
  • l**o向课程作业中提交了代码
  • c**u评论了:13课实战弄不明...
  • z**x评论了:安装的时候出现这个界...
  • w**3回复了L**z在课程中的问题:嗯,毕竟几乎公司和学...
  • D**G向课程作业中提交了代码
  • A**i向课程作业中提交了代码
  • z**x在课程中提出了问题:好的老师,那版本11...
  • L**z向课程作业中提交了代码
  • 三年添加了笔记:接下来引入MyBat...
  • L**z向课程作业中提交了代码
  • 三年在课程中提出了问题:请老师解答下这课作业...
  • 天码君回复了工**武在课程中的问题:欢迎来到天码营学习,...
  • c**u向课程作业中提交了代码
  • 三年添加了笔记:这里你注意两点即可:...
  • w**3回复了z**x在课程中的问题:安装java8 不要...
  • w**4向课程作业中提交了代码
  • 三年添加了笔记:关于MyBatis本...
  • 天码君回复了X**E在课程中的问题:欢迎来到天码营学习,...
  • 天码君回复了s**n在课程中的问题:欢迎来到天码营学习,...
  • z**x添加了笔记:将希望输出信息放到S...
  • A**i向课程作业中提交了代码
  • z**x在课程中提出了问题:老师,为什么它那个中...
  • A**i向课程作业中提交了代码
  • 天码君回复了A**i在课程中的问题:欢迎来到天码营学习,...
  • A**i向课程作业中提交了代码
  • D**n向课程作业中提交了代码
  • L**z向课程作业中提交了代码
  • J**y向课程作业中提交了代码
  • 三年添加了笔记:先来定义Mapper...
  • w**3评论了D**n在课程中的作业:看清楚要求,参数表要...
  • L**z在课程中提出了问题:老师,刚才我换了一个...
  • z**x在课程中提出了问题:哇,我换成课程里的压...
  • c**6向课程作业中提交了代码
反馈意见