java sencha_基于SenchaCmd搭建ExtJS 6.2版本开发环境(图文教程)
因为各种原因,需要在extjs项目中开发点新功能,由于之前没好好接触过extjs,我前端领域主要学的是React技术栈。所以开始找资料搭建ExtJs运行环境。
说一段小插曲,由于看见extjs项目下有index.html文件,于是,在webstorm工程中用浏览器打开index.html文件,试图把项目跑起来,在浏览器中打开index.html的时候,是一片空白,活生生的打脸了。我潜意识的意识到,跑项目肯定需要搭建extjs的开发环境的。然而我也不知道需要用什么工具来搭建,没有关键字,搜索百度也是徒劳。我在项目代码中偶然看见了SenchaCmd这个关键字,于是百度下来,就能顺利找到资料了,知道要安装好SenchaCmd。
大家需要学习ExtJS可以上中文网站 http://extjs.org.cn/ 看这本书:《ExtJS 6.2实战》
安装软件
安装SenchaCmd-6.7.0.63-windows-64bit
安装Cmd: SenchaCmd-6.7.0.63-windows-64bit
安装ext-6.2.0-gpl
安装SDK:ext-6.2.0-gpl
安装步骤
解压安装压缩包
解压SenchaCmd-6.7.0.63-windows-64bit和ext-6.2.0-gpl
安装SenchaCmd-6.7.0.63-windows-64bit,记住安装位置目录,我这里安装的目录地址是
C:\Users\Arison\bin\Sencha\Cmd
window cmd切换到C:\Users\Arison\bin\Sencha\Cmd目录下,执行命令
sencha help
如果显示如图所示,就代表安装成功
配置系统环境变量
为什么要配置系统环境变量呢?为了接下来运行项目的命令不会报错。 运行项目的命令:sencha app watch
新建系统变量:EXTJS_CMD_HOME 路径就是:C:\Users\Arison\bin\Sencha\Cmd
编辑系统变量Path
新建环境变量:%EXTJS_CMD_HOME%
新建ExtJS项目
在路径 C:\Users\Arison\bin\Sencha\Cmd下创建项目:
sencha -sdk [解压后的ext-6.2.0的位置] generate app [项目名称] [项目地址]
创建项目 extjsDemo extjsDemo是我随便取的项目名。
sencha -sdk C:\ExtJs\ext-6.2.0-gpl\ext-6.2.0 generate app extjsDemo C:\Project\ext
运行ExtJS项目
项目路径执行:
sencha app watch
在你创建的ExtJs项目目录下执行命令: 默认访问路径是:http://localhost:1841 如果你执行了多个extjs项目,端口会随机变化!
项目运行如下:
然后我在sdk自带的项目目录下ext-6.2.0-gpl\ext-6.2.0\templates\admin-dashboard 执行命令 sencha app watch 运行sdk自带的demo工程 然后根据命令行提示,找到访问路径:http://localhost:57346
这是Ext JS Examples项目,项目路径位于: ext SDK ext-6.2.0目录下的templates下的admin-dashboard
C:\ExtJs\ext-6.2.0-gpl\ext-6.2.0\templates\admin-dashboard
项目目录结构
用WebStorm打开项目,项目目录文件结构如下:
java sencha_基于SenchaCmd搭建ExtJS 6.2版本开发环境(图文教程)相关推荐
- (一)基于SenchaCmd搭建ExtJS 6.2版本开发环境(图文教程)
由于工作中可能会用到ExtJS,而且之前从未接触过,于是找资料开始搭建ExtJS,整理下构建步骤,用作记录. 参考文档地址: https://cloud.tencent.com/developer/a ...
- 使用Grunt搭建自动化的web前端开发环境-完整教程
jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! AD: jQuery在使用grunt,bootstrap在使用grunt, ...
- 基于Debian搭建Hyperledger Fabric 2.4开发环境及运行简单案例
前言 在基于truffle框架实现以太坊公开拍卖智能合约中我们已经实现了以太坊智能合约的编写及部署,但其工作方式注定其只能应用于有限的业务场景中.相比之下,基于超级账本的Fabric具有高可扩展性和高 ...
- win10 php mysql,Windows10本地搭建IIS+PHP+MYSQL+phpMyAdmin运行环境图文教程(也可用于服务器)...
准备工作 需要提前下载的工具软件 1.php5.45,windows应该使用PHP的非线程安全(NTS)版本.我经常用织梦程序做站,所以选择php-5.4.45-nts-Win32-VC9-x86.z ...
- iis mysql_Windows10本地搭建IIS+PHP+MYSQL+phpMyAdmin运行环境图文教程(也可用于服务器)...
准备工作 需要提前下载的工具软件 1.php5.45,windows应该使用PHP的非线程安全(NTS)版本.我经常用织梦程序做站,所以选择php-5.4.45-nts-Win32-VC9-x86.z ...
- iis8 php环境搭建,IIS8 使用FastCGI配置PHP环境图文教程
类型:行业软件大小:3.6M语言:中文 评分:5.0 标签: 立即下载 一般朋友们的PHP环境的服务器使用的都是Apache HTTP+PHP,今天给大家讲解下IIS+PHP配置方式~在这里,我使用的 ...
- ESP32 ESP-IDF开发环境搭建,Windows下基于ESP-IDF | Cmake | VScode插件的 ESP32 开发环境搭建
之前的一篇博客 Windows上基于ESP-IDF搭建ESP32开发环境 发布后,深受好评.几个月过去了,乐鑫的esp-idf-tools安装工具发生了较大的变化,VsCode插件的功能也愈加完善 ...
- 从零搭建符合自己需求的开发环境
从零搭建符合自己需求的开发环境 本文长期持续更新中,保持和自己实际开发环境一致,欢迎关注交流讨论! 前言 这篇文章,一是总结自己,二是给新上道的小白一些思路,三是 何时能重组大学时的EXplosion ...
- hhvm mysql_Linux_在Ubuntu系统上搭建Nginx+HHVM+MySQL开发环境的教程,貌似最近这个HHVM特别火,其主 - phpStudy...
在Ubuntu系统上搭建Nginx+HHVM+MySQL开发环境的教程 貌似最近这个HHVM特别火,其主要原因大概要归咎于大的运行效率吧,安装完之后使用探针测试,计算运行的时间都是0.0*的级别,据说 ...
最新文章
- Visual SourceSafe简明培训教程
- C++知识点56——类模板(1、模板类的介绍)
- opencv reduce函数
- 企业网络推广——浅析企业网络推广怎样看待企业网站的制作
- redis配置主从复制
- 路由器简介与IOS介绍
- python scale()函数_【Python菜鸟进阶大神】Matplotlib数据可视化007:词云
- 能表示分数的计算机,分数计算器的实现
- Qt5.6.0+OpenGL 纹理贴图首战告捷
- 一个轻量级javascript框架的设计模式
- Android sdcard读写权限问题之中的一个
- Python实现8中常用排序算法
- 3.通信原理——随机过程(第七版 樊昌信 曹丽娜编著)
- word怎么删除最后一页空白页
- 【经验分享】用PS如何将图片的四角做成圆弧角
- 整合营销成功案例-卫龙辣条的逆袭路
- Python关键词百度指数采集,抓包Cookie及json数据处理
- 注册一个北京公司可以申请办理京牌吗,好申请吗?
- VS Code 下载、下载慢、更新(适用于压缩包下载)
- 多目标优化算法:多目标非洲秃鹫优化算法MOAVOA(提供Matlab代码)
热门文章
- [渝粤教育] 中国地质大学 机械电气安全技术 复习题 (2)
- 自己写一个strcmp函数
- 计算机无法识别ipad,ipad连接电脑没反应怎么办 ipad air连接电脑无法识别解决办法...
- 00x: Django models.Model详解
- html5游戏ztype源码,Ztype打字游戏!
- 九宫格切图器(每天一个python小项目)
- 一文说透企业风险管理的三大要素分别是什么
- 拓嘉启远:拼多多行家心得评论的作用
- springboot整合mybatis,使用逆向工程和使用通用mapper的方式
- 沉舟侧畔千帆竞,百舸争流稳为先——正雅齿科