[ExtJs6] 环境搭建及创建项目

时间:2023-03-10 04:11:25
[ExtJs6] 环境搭建及创建项目

1. 环境搭建

sencha cmd 和 extjs6 sdk.
sencha cmd: https://www.sencha.com/products/extjs/cmd-download/
extjs6: https://www.sencha.com/
sencha cmd 安装过程将其加入系统的环境变量path中。
export PATH=${PATH}:/Users/shuanggai/bin/Sencha/Cmd/6.2.2.36
把改语句添加到 ~/.bash_profile 里面去
extjs6 解压即可。

2. sencha cmd 常用命令

[ExtJs6] 环境搭建及创建项目

创建项目

根据默认的模板创建项目

sencha -sdk /path/to/sdk generate app MyApp /path/to/myapp

指定模板创建项目

sencha -sdk /path/to/sdk generate app -t /path/to/sdk/templates/xxxx MyApp /path/to/myapp

[ExtJs6] 环境搭建及创建项目  

[ExtJs6] 环境搭建及创建项目

发布运行

进入项目目录,sencha app watch

  

[ExtJs6] 环境搭建及创建项目

根据提示在浏览器地址中输入http://localhost:1841 界面如下:

[ExtJs6] 环境搭建及创建项目

打包项目

打包classic和modern
sencha app build
仅打包classic
sencha app build classic
仅打包modern
sencha app build modern

[ExtJs6] 环境搭建及创建项目[ExtJs6] 环境搭建及创建项目  [ExtJs6] 环境搭建及创建项目