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