首页 / EXTJS / ExtJS 6.2 基础使用

ExtJS 6.2 基础使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ExtJS 6.2 基础使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1306字，纯文字阅读大概需要2分钟。

内容图文

一、 安装：


下载两个压缩包：分别是

 

ext-6.2.0-gpl(这个是ExtJS 的SDK文件，创建新项目的时候需要用)。

SenchaCmd-6.5.2-windows-64bit (这个下载下来是解压，或者不解压。反正最后看到的是一个.exe 结尾的安装文件 ，直接安装运行即可PS：一定要记住安装到哪个文件夹下面了)

 

二、 运行：


安装好SenchaCmd-6.5.2-windows-64bit.exe 之后，点击Windows的命令提示窗

 

进入到提示窗中：
技术分享图片

使用cd 命令进入刚才 SenchaCmd-6.5.2-windows-64bit.exe 安装的那个文件夹中，我的路径是：C:\Users\win7\bin\Sencha\Cmd

效果如下：
技术分享图片

命令行提示符如下：
技术分享图片

在此驶入sencha help 可以查看命令相关的提示信息(有点与javac 之后出现的那些东西类似)。

 

三、 创建第一个项目：


创建项目首先得找到ext-6.2.0-gpl 的解压路径如下图所示
技术分享图片

 

然后在刚才打开的那个命令行中，切记一定是在C:\Users\win7\bin\Sencha\Cmd 也就是说在SenchaCmd-6.5.2-windows-64bit.exe 的安装路径下运行如下语句，创建第一个demo项目。

创建语句如下：

sencha -sdk [解压后的ext-6.2.0的位置] generate app [项目名称] [项目地址]
技术分享图片

第一个红圈是刚才解压的ext-6.2.0-gpl 文件路径 ，第二个红圈是你要生成的demo的路径
技术分享图片

但是很显然，我这个生成的太乱了所以我决定在此创建一下，这回我单独在创建一个项目文件夹来保存生成的这些文件。
技术分享图片

再次创建的情况如上。当出现如下画面的时候，就表示已经完成了demo****的创建。
技术分享图片

那么新创建的demo****目录则如下图所示：
技术分享图片

 

四、 运行demo：


此时进入新建好的项目文件夹中运行 sencha app watch 即可运行。但是此时会出现如下问题（我所遇到的）
技术分享图片

 

这很明显是因为cmd的命令没有添加到path环境变量中，导致sencha命令无法再全局使用（一般情况下，会在安装cmd的时候直接把命令添加到path中，但是不知道为什么我的不行，所以需要手动添加）。所以需要把之前的cmd****的安装路径添加到path中，如何添加我就不说了，安装过java的都应该知道怎么添加。

C:\Users\win7\bin\Sencha\Cmd------》此路径添加到path环境变量中。即可在生成的demo文件夹下运行sencha app watch 如上图所示
技术分享图片

打开浏览器输入:localhost:1841（如果1841****端口号占用，会自动变成其他的端口号，留意里面的提示就好），即可查看默认生成的项目
技术分享图片

此时，一个完整的demo就展现在眼前了。

zhuanzi  http://extjs.org.cn/node/831

原文：https://www.cnblogs.com/shizhijie/p/9002821.html

内容总结

以上是互联网集市为您收集整理的ExtJS 6.2 基础使用全部内容，希望文章能够帮你解决ExtJS 6.2 基础使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1197175.html

来源：【匿名】