Extjs6.2.0搭建项目框架

排版什么的不是很会

1.安装

首先你总要去官网下载ext-6.2.0-gpl.zip和安装Sencha CMD工具来管理ExtJs项目,ext-6.2.0-gpl.zip下载完成解压先放在一边,一会用到。


Sencha CMD下载完成就安装,要支持extjs4.2安装时就把勾选上即可。

cmd sencha 出现一下界面安装成功!


2.构建

cd到你ExtJs所在的目录下或者在你的解压的目录按住shift键打开命令窗口

输入命令:sencha -sdk [ExtJs6.0文件夹地址] generate app [项目名称] [项目路径]
如:
sencha -sdk ext-6.2.0 generate app App MyApp

此后在文件会创建一个myApp文件夹,


    目录解析
     app                 extjs的开发源码目录,包含应用的模型(model)、视图(view)、数据(store)、控制器controller 及存储定义目录。
    build                 extjs和源码压缩和优化后的可发布的目录
    classic             PC端代码    
    ext                    extjs的sdk包括源代码和样式 
    modern            手机端代码
    overrides         继承ext组件扩展自定义方法
    packages        主题或代码
    resources       包含应用所需的CSS和图片资源。 
    sass                 本应用的scss样式文件的目录
    app.js              应用主入口javascript文件。
    app.json          js配置文件
    bootstrap.js    系统初始化和样式类加载文件
    index.html      应用HTML入口文件

3.部署运行

cd到你刚刚构建的目录(MyApp)所在的目录下或者在此的目录按住shift键打开cmd命令
输入命令:
sencha app watch
于是会自动在本地创建一个端口为1841的服务器,并把项目部署到服务器上:  



访问当前项目



一个简单的extjs就搭建部署完成!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值