1. 安装 SenchaCmd,图形界面,安装版本:SenchaCmd-6.0.2.14-linux-amd64.sh,
jalen_chu@jalen:~$ cd /home/jalen_chu/Jalen_chu/Jar/EXTJS
jalen_chu@jalen:~/Jalen_chu/Jar/EXTJS$
jalen_chu@jalen:~/Jalen_chu/Jar/EXTJS$ ./SenchaCmd-6.0.2.14-linux-amd64.sh
一直 next,安装路径为默认:/home/jalen_chu/bin/Sencha/Cmd/6.0.2.14,结束安装
2. 配置环境变量 path 并查看
$ sudo gedit ./.bashrc
export PATH=/home/jalen_chu/bin/Sencha/Cmd/6.0.2.14:$PATH
$ echo $PATH
/home/jalen_chu/bin/Sencha/Cmd/6.0.2.14:/usr/lib/jvm/jdk1.7.0_75/bin:/home/jalen_chu/Jalen_chu/Shell:/usr/lib/jvm/jdk1.7.0_75/jre/bin:/usr/lib/jvm/jdk1.7.0_75:/home/jalen_chu/Jalen_chu/Tools/apache-maven-3.3.9/bin:/home/jalen_chu/Jalen_chu/Tools/apache-ant-1.9.6/bin:/home/jalen_chu/bin:/usr/lib/jvm/jdk1.7.0_75/bin:/bin:/usr/lib/jvm/jdk1.7.0_75/jre/bin:/usr/lib/jvm/jdk1.7.0_75:/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games(显示所有path)
$ sencha (输出版本号及帮助文档)
结束
3. 用 SenchaCmd 生成 Extjs6 应用程序
找到 Extjs6 解压包,路径:/home/jalen_chu/Jalen_chu/Jar/EXTJS/ext-6.0.0
应用程序生成目录:/home/jalen_chu/bin/Sencha/Projects/myapp
生成操作:
$ sencha -sdk /home/jalen_chu/Jalen_chu/Jar/EXTJS/ext-6.0.0 generate app MyApp /home/jalen_chu/bin/Sencha/Projects/myapp
$ cd /home/jalen_chu/bin/Sencha/Projects/myapp
$ sencha app watch
......(输出一堆,到:
Waiting for changes...
)
结束
4. 启动服务器
先给 tomcat 创建一个新的 port:1841,(service.xml 添加一个 connector 节点)
启动 tomcat 后,打开浏览器切换到当前端口即可显示
5. 浏览一下之前生成的项目
app:包含 model,store 和 application.js,store 是 model 实例的集合,store 通过代理访问下载数据并提供查询,排序等。
classic 和 modern:含应用代码,各自包含 sass 与 src,src 包含应用程序视图,main.scss 文件包含移动端和桌面的样式,同时主根目录下也有个
控制全局样式的sass文件夹。(sass是在Extjs里很重要的样式设置文件)
Extjs 支持 MVC 和 MVVM 两种架构