基于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:UsersArisonbinSenchaCmd目录下,执行命令
sencha help
如果显示如图所示,就代表安装成功
配置系统环境变量
为什么要配置系统环境变量呢?为了接下来运行项目的命令不会报错。
运行项目的命令:sencha app watch
新建系统变量:EXTJS_CMD_HOME
路径就是:C:UsersArisonbinSenchaCmd
编辑系统变量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打开项目,项目目录文件结构如下:
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
cassandra 查询超时
背景介绍 在对某个表做count时出现如下错误(在做业务性测试,生产环境请不要简单粗暴做count操作,耗时还可能不准) Cassandra timeout during read query at consistency LOCAL_ONE (1 responses were required but only 0 replica responded) 很奇怪,另外一个表应该是跟他相同条数的,都能直接count出来,但是当前表count一直报错,而且数据还差2两条(跟ES里面的数据对比后得知) 问题查找 在网上可以直接查询相关问题,结果也出来了很多。其中我给出几个具有参考性的链接 【stackoverflow】Cassandra timeout during read query at consistency LOCAL_ONE 【datastax】ReadTimeoutException seen when using the java driver caused by excessive tombstones 【datastax】Message seen in logs "Max...
- 下一篇
Aliyun Serverless VSCode Extension 上架并开源
Aliyun Serverless VSCode Extension Aliyun Serverless VSCode Extension 是阿里云 Serverless 产品 函数计算 Function Compute 的 VSCode 插件,该插件是结合了函数计算 Fun 工具以及函数计算 SDK ,为用户提供 VSCode 图形化开发调试函数计算以及操作函数计算资源的工具。 通过该插件,您可以: 快速地在本地初始化项目、创建函数 运行、调试本地函数(调试功能目前支持 nodejs、python、php) 拉取云端的服务函数列表,执行云端函数 部署服务函数至云端,并更新相关配置 前置需求 如果您期望使用 Aliyun Serverless VSCode Extension 的所有功能,那么您需要确保系统中有以下组件: VSCode:在 Visu
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
-
Docker使用Oracle官方镜像安装(12C,18C,19C)
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS8编译安装MySQL8.0.19
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- MySQL8.0.19开启GTID主从同步CentOS8
- CentOS7,8上快速安装Gitea,搭建Git服务器
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
推荐阅读
最新文章
- CentOS7设置SWAP分区,小内存服务器的救世主
- 设置Eclipse缩进为4个空格,增强代码规范
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS6,CentOS7官方镜像安装Oracle11G
- Hadoop3单机部署,实现最简伪集群
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- CentOS7安装Docker,走上虚拟化容器引擎之路