chameleon-qdt-atom
该IDE主要是为利用变色龙框架进行移动 app 开发的 html5 前端人员,主要特色为:
方式一:https://atom.io/,进入下atom主页:
方式二:https://github.com/atom/atom#installing,进入下面界面:
atom的安装很方便,将下载过来的安装包AtomSetup.exe
,点击安装,安装程序会自动下载依赖 .NET Framework 4.5.2。
安装完成后,点击atom.exe
就能直接运行了。如下图:
点击 Packages --> Settings View --> Install Packages/Themes,出现以下界面:
在搜索框内输入 chameleon-test 进行搜索,出现以下界面:
点击 Install 按钮进行下载安装 packages,等待下载完成,这个时间估计有点漫长,需要耐心:
完成下载后,顶部菜单看上会出现 变色龙QDT
:
点击菜单变色龙QDT
出现以下界面:
打开 https://git.oschina.net/chameleon/chameleon-qdt-atom,点击网页上的Download ZIP
, 下载IDE源码:
将下载的压缩包解压到:系统盘/用户/Administrator/.atom/packages
中
打开atom,顶部菜单栏上会多变色龙QDT
:
点击菜单变色龙QDT
出现以下界面:
这种安装方式,需要通过命令行进入 系统盘/用户/Administrator/.atom/packages/chameleon-qdt-atom
,执行npm install
对库进行初始化
点击菜单 变色龙QDT --> 应用 --> 创建应用,打开以下界面:
选择 创建应用
,进入应用类型选择界面:
点击 空白应用
进入应用信息填写节面,填写相关信息:
点击完成
即可创建应用:
选择自带框架应用
或者业务模板
,可以分别创建带有butterfly
框架的应用和带有模板的应用。创建步骤与创建空白应用
相同,这里不赘述。
点击菜单 变色龙QDT --> 应用 --> 创建应用,打开以下界面:
选择 创建应用
,进入应用类型选择界面:
如果没有登录或者登陆超时,需要先登录后才可以同步
点击下一步,进入应用选择界面:
选择任一应用,点击下一步,进入应用信息填写节面,填写相关信息:
点击完成,即可同步成功:
点击菜单 变色龙QDT --> 应用 --> 构建应用,打开需要构建的应用选择界面,可以选择已有应用或者添加本地应用:
选择项目后,点击下一步,选择需要构建的平台:
选择需要构建的平台后,填写对应信息:
耐心等待构建完成:
点击菜单 变色龙QDT --> 应用 --> 上传应用,打开需要上传的应用选择界面,可以选择已有应用或者添加本地应用:
点击 确认上传,等待上传成功:
点击菜单 变色龙QDT --> 模块 --> 创建模块 进行创建模块,打开以下界面,如果已在 atom 中打开了应用则可以选择对应应用:
点击 完成,等待模块创建完成:
点击菜单 变色龙QDT --> 模块 --> 上传模块 选择模块所在的应用:
选择应用中需要上传的模块:
点击下一步
,进入模块详情界面:
点击上传
,即可上传模块( 需要注意:上传模块的版本必须大于该模块在服务器上存在的版本 )
如果需要将新版本的模块应用到已关联的应用上,则可以点击应用到
,选择需要关联的应用:
点击菜单 变色龙QDT --> 设置,进入设置
界面
点击登录
,可以进行账号登陆,只有登录后才能同步账号的应用和上传应用、构建应用:
点击添加
,可以添加框架:
添加成功后,可以更新、删除添加过的框架:
点击 Packages --> Settings View --> Update Packages/Themes,出现以下界面:
如果可以更新,点击UPdate to 版本号
即可进行更新
windows
在安装完git
后需要重启一下电脑,才能正常工作。git
的网络请求可能会被360安全管家等同类软件拦截,选择允许
即可。此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。