如何搭建extjs的desktop项目

写在前面

【这是一篇工具性的博客,不具备任何思想,旨在帮助你搭建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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。