码迷,mamicode.com
首页 > Web开发 > 详细

如何搭建extjs的desktop项目

时间:2015-03-18 23:12:19      阅读:439      评论:0      收藏:0      [点我收藏+]

标签:

写在前面

【这是一篇工具性的博客,不具备任何思想,旨在帮助你搭建ext desktop基础项目】

ext版本:ext-5.1.0-gpl

sencha cmd版本:SenchaCmd-5.1.0.26-linux-x64.run

过程与细节

1.根据官网指引安装sencha cmd

http://docs.sencha.com/cmd/5.x/intro_to_cmd.html

2.下载ext framework,解压后得到ext-5.1.0/examples/desktop文件夹,将desktop文件夹单独复制出来

3.desktop文件夹即为desktop项目,你需要进行相应配置才可使其跑起,步骤如下:

1)参照http://docs.sencha.com/cmd/5.x/extjs/cmd_app.htmlbuild一个基础项目myapp,运行如下命令

sencha -sdk /home/jayzee/Downloads/ext-5.1.0 generate app Desktop /home/jayzee/Downloads/myapp

注1:/home/jayzee/Downloads/ext-5.1.0是我的ext framework,/home/jayzee/Downloads/myapp是我想生成项目的地方

注2:由于desktop项目是无法运行的,下述采取的其实是将desktop中的关键文件迁移到myapp项目,以使得其跑起,所以上面必须是粗体Desktop

2)下面进行迁移:

1 将myapp/app中文件全部删除,将desktop/app中全部文件复制到myapp/app中;
2 将desktop/app.js覆盖掉myapp/app.js
3 修改myapp/app.json的requires和classpath两项如下
"requires": [
        "ext-charts"
    ],
"classpath": "${app.dir}/app,${app.dir}/../ux"
4 复制desktop/sass/src/App.css到myapp/sass/src/App.css

3)完成上述操作后,终端进入myapp文件夹,运行sencha app watch,如无报错则可在localhost:1841上看到desktop项目

4)如按上述操作不行,欢迎下载我已经搭好的desktop项目https://github.com/JayzeeZhang/extjs5-desktop-demo

 

如何搭建extjs的desktop项目

标签:

原文地址:http://www.cnblogs.com/jayzee/p/4348782.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!