4 Star 0 Fork 1

Chameleon / chameleon-qdt-atom

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

变色龙QDT使用文档

chameleon-qdt-atom


  • 前言
  • 开发环境及基本要求
  • 软件安装
    • 下载atom
    • atom的安装
    • QDT package安装
      • QDT package安装方式一
      • QDT package安装方式二
  • 应用
    • 创建空白应用
    • 同步账号中的应用
    • 构建应用
    • 上传应用
  • 模块
    • 创建模块
    • 模块上传
  • 设置
    • 开发者账号
    • 框架、模板
  • 常见问题

前言

该IDE主要是为利用变色龙框架进行移动 app 开发的 html5 前端人员,主要特色为:

  • 配合变色龙云平台,可以快速构建你的 iOS、android 应用

开发环境及基本要求

  • 安装git
  • 下载并安装最新版atom

软件安装

下载atom

方式一:https://atom.io/,进入下atom主页:

atom 主页

方式二:https://github.com/atom/atom#installing,进入下面界面:

atom的安装

atom的安装很方便,将下载过来的安装包AtomSetup.exe,点击安装,安装程序会自动下载依赖 .NET Framework 4.5.2。

安装完成后,点击atom.exe就能直接运行了。如下图:

QDT package安装

QDT package安装方式一

  1. 点击 Packages --> Settings View --> Install Packages/Themes,出现以下界面:

  2. 在搜索框内输入 chameleon-test 进行搜索,出现以下界面:

  3. 点击 Install 按钮进行下载安装 packages,等待下载完成,这个时间估计有点漫长,需要耐心:

  4. 完成下载后,顶部菜单看上会出现 变色龙QDT

  5. 点击菜单变色龙QDT出现以下界面:

QDT package安装方式二

  1. 打开 https://git.oschina.net/chameleon/chameleon-qdt-atom,点击网页上的Download ZIP, 下载IDE源码:

  2. 将下载的压缩包解压到:系统盘/用户/Administrator/.atom/packages

  3. 打开atom,顶部菜单栏上会多变色龙QDT

  4. 点击菜单变色龙QDT出现以下界面:

这种安装方式,需要通过命令行进入 系统盘/用户/Administrator/.atom/packages/chameleon-qdt-atom,执行npm install对库进行初始化

应用

创建空白应用

  1. 点击菜单 变色龙QDT --> 应用 --> 创建应用,打开以下界面:

  2. 选择 创建应用 ,进入应用类型选择界面:

  3. 点击 空白应用 进入应用信息填写节面,填写相关信息:

  4. 点击完成即可创建应用:

选择自带框架应用或者业务模板,可以分别创建带有butterfly框架的应用和带有模板的应用。创建步骤与创建空白应用相同,这里不赘述。

同步账号中的应用

  1. 点击菜单 变色龙QDT --> 应用 --> 创建应用,打开以下界面:

  2. 选择 创建应用 ,进入应用类型选择界面: 如果没有登录或者登陆超时,需要先登录后才可以同步

  3. 点击下一步,进入应用选择界面:

  4. 选择任一应用,点击下一步,进入应用信息填写节面,填写相关信息:

  5. 点击完成,即可同步成功:

构建应用

  1. 点击菜单 变色龙QDT --> 应用 --> 构建应用,打开需要构建的应用选择界面,可以选择已有应用或者添加本地应用:

  2. 选择项目后,点击下一步,选择需要构建的平台:

  3. 选择需要构建的平台后,填写对应信息:

  4. 耐心等待构建完成:

上传应用

  1. 点击菜单 变色龙QDT --> 应用 --> 上传应用,打开需要上传的应用选择界面,可以选择已有应用或者添加本地应用:

  2. 点击 确认上传,等待上传成功:

模块

创建模块

  1. 点击菜单 变色龙QDT --> 模块 --> 创建模块 进行创建模块,打开以下界面,如果已在 atom 中打开了应用则可以选择对应应用:

  2. 点击 完成,等待模块创建完成:

上传模块

  1. 点击菜单 变色龙QDT --> 模块 --> 上传模块 选择模块所在的应用:

  2. 选择应用中需要上传的模块:

  3. 点击下一步,进入模块详情界面:

  4. 点击上传,即可上传模块( 需要注意:上传模块的版本必须大于该模块在服务器上存在的版本

  5. 如果需要将新版本的模块应用到已关联的应用上,则可以点击应用到,选择需要关联的应用:

设置

点击菜单 变色龙QDT --> 设置,进入设置界面

开发者账号

点击登录,可以进行账号登陆,只有登录后才能同步账号的应用和上传应用、构建应用:

框架、模板管理

点击添加,可以添加框架: 添加成功后,可以更新、删除添加过的框架:

更新

点击 Packages --> Settings View --> Update Packages/Themes,出现以下界面: 如果可以更新,点击UPdate to 版本号即可进行更新

常见问题

  • 部分windows在安装完git后需要重启一下电脑,才能正常工作。
  • git的网络请求可能会被360安全管家等同类软件拦截,选择允许即可。
Copyright (c) 2015 <Your name here> Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

chameleon-qdt-atom 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/chameleon/chameleon-qdt-atom.git
git@gitee.com:chameleon/chameleon-qdt-atom.git
chameleon
chameleon-qdt-atom
chameleon-qdt-atom
master

搜索帮助

14c37bed 8189591 565d56ea 8189591