[Ext JS]Sencha Studio安装与快速介绍之一| 成都西华升腾科技有限公司

Ext JS开发大全

CmsWing

[Ext JS]Sencha Studio安装与快速介绍之一

## [Ext JS]Sencha Studio安装与快速介绍之一
### Sencha Studio 介绍
Sencha Studio 是Sencha提供的测试工具，也是被推荐的自动化测试工具。
功能很丰富，主要可以用来做单元测试和功能测试。
单元测试是开发人员对源代码进行测试
功能测试，在Sencha Studio也称作端到端测试，是测试工程师对应用的测试
Sencha Studio 整合了两种前端测试的框架：
-Jasmine ： JavaScript 单元测试框架
-Selenium：继承测试、自动化测试的工具
Sencha Studio可以用来测试Ext JS等基于Sencha框架的项目，也可以用于测试一般的Web项目或在线网站。
Sencha Studio是收费的，在官网可以申请30天的试用。
### Sencha Studio 的下载与安装
#### 安装要求
操作系统：
Windows ： Win 7以上版本
Linux 32/64
Mac OS X
浏览器
桌面端： IE 8-11，Edge, Chrome, Firefox, Safari, Opera
移动端：Chrome, Safari, Internet Explorer, Firefox
Sencha框架版本
Ext JS 4.2+
ExtReact 6.5+ (端到端测试)
Sencha Touch 2.1+
Sencha Cmd（可选）。Sencha Test可以与Sencha 6.0.2之上的版本协同。
其他的JS库和框架：Sencha Test也可以使用在使用在非Sencha框架的任意Web应用。Sencha Test包含了自己的Jasmine和Istanbul版本，使用ST全局对象作为其命名空间。要避免版本的冲突。
####安装文件的获取方式
试用版下载地址： https://www.sencha.com/products/test/evaluate/，需要填写使用信息，完成后会在填写的邮箱中收到试用版下载的链接， 使用30天
商业版下载地址： https://support.sencha.com/ 已经购买过， 使用账号/密码登录后下载。
试用版收到的邮件内容如下：
![](/upload/picture/2022-10-09/upload_5e8a320e06950c5a817fc0a6c0282477.png)

点击 “Download” 按钮下载， 下载的文件有 400多M。这里下载的是Windows 64版本， 文件名为SenchaTest-2.3.0-win-x64.zip。解压该压缩文件，里面包含两个文件 和 stc-2.3.0-win-x64.zip。

####Sencha Studio 的安装
双击SenchaTest-2.3.0-win-x64.exe进行安装。 需要注意以下以下两个步骤，其他直接下一步即可。
选择安装的路径：
![](/upload/picture/2022-10-09/upload_e3ccd137d8ff9bc7d7bd061853cc3d81.png)
选择安装的组件
![](/upload/picture/2022-10-09/upload_8d2a7da9d520d4175fabf7d58014ae07.png)
### Sencha Studio的启动与激活
#### Sencha Studio的启动
Windows 10系统下，启动Sencha Studio的方式有三种：
双击桌面的快捷图标
![](/upload/picture/2022-10-09/upload_9188b27104817e78a75fd1d601b50a55.png)
在电脑左下角的搜索区块输入 Sencha Studio，找到后点击启动
![](/upload/picture/2022-10-09/upload_b5e76fdfb1a4dee280c46dc3ff23164e.png)
进入安装目录，双击Sencha Studio.exe启动
![](/upload/picture/2022-10-09/upload_304c9b65543443e8a57f9ce00d641d1b.png)
#### 获取Sencha Studio试用码
如果使用的是试用版，首次登录会进入一个导航页面，点击“Get Started”后输入自己的邮箱地址获取一个激活码，输入该激活码后就可以使用Sencha Studio了（试用期30天）。具体步骤如下：
点击“Get StartedStarted”
![](/upload/picture/2022-10-09/upload_23c75510faa0047ef62d8dbd9bfa346e.png)
输入邮箱地址用于获取激活码
![](/upload/picture/2022-10-09/upload_7a9167b96969cd6a2c73a02dc6a58977.png)
收到的邮件格式如下，包含一个8位的激活码。另外，需要点击右键中的链接进行邮箱的验证
![](/upload/picture/2022-10-09/upload_70f52cd2f149aef1c54d5bb7cc64ec65.png)
输入上面8位的激活码
![](/upload/picture/2022-10-09/upload_46f92010f9abc72283650572ce1e90f1.png)
激活成功的界面如下：
![](/upload/picture/2022-10-09/upload_9e30178dc1bd9716436da48ff5d97b4d.png)

最上方会提示到期的时间。
### 创建一个测试项目
1 点击“Continue”后会出现使用角色的选择，有两种角色可以选：
Test Engineer： 测试工程师， 对应专门的测试人员
Developer：应用的开发人员
![](/upload/picture/2022-10-09/upload_a00204617230e1bf9f6172e8c51927ef.png)

角色选择后，后续也可以更换。这里选择 “Developer”
接下来一直点击直到出现创建项目的页面
![](/upload/picture/2022-10-09/upload_50fd3b66208b33f0b6db2281e0253b32.png)
点击“New Project”创建一个测试项目
![](/upload/picture/2022-10-09/upload_b6681f61348f7c1dfdd355ae238b2861.png)
输入项目名称和选择路径（这里使用的项目名称是myTestProj），项目的路径和项目名称尽量保持一致，比如myTestProj的子目录名称同样为myTestProj。
如果是Sencha的项目，可以勾选包含Sencha的框架（Include Sencha Framework），选择SDK的路径
点击 “OK”进行创建， 创建的过程会把SDK复制到项目相同路径并创建项目目录。
项目创建完成的界面如下：
![](/upload/picture/2022-10-09/upload_f1e035c521b4ac85e499165d3a50f458.png)

购物车

0 ITEMS ON YOUR CART

Ext JS开发大全

[Ext JS]Sencha Studio安装与快速介绍之一

网站导航