ExtJs5.0在WebStorm上的使用之入门教程（一）编写第一个网页 HelloExt

首先，必须声明一下笔者使用的软件版本：

前端开发工具：WebStorm 11.0.3

辅助插件：ext-5.0.0-gpl

以上工具包括下面的代码我已经打包上传在此处了：点击打开链接

先上代码，再废话：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title> HelloExt </title><script type="text/javascript" src="ext5.0.0/build/examples/shared/include-ext.js"></script><!--<link rel="stylesheet" type="text/css" href="./ext5.0.0/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">--><!--<script type="text/javascript" src="./ext5.0.0/ext-all.js"></script>--><!--<script type="text/javascript" src="./ext5.0.0/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>--><script type="text/javascript">Ext.onReady(function () {Ext.MessageBox.alert('标题', 'Hello Ext!');});</script>
</head>
<body>
<!--
说明：
(1)Ext.onReady():ExtJS Application的入口...就相当于Java或C#的main函数.
(2)Ext.MessageBox.alert()：弹出对话框。
-->
这是正文。
</body>
</html>

运行结果如下：

其中，注释掉的那三行代码就相当于上面的那一行代码，即

<pre name="code" class="html">  <script type="text/javascript" src="ext5.0.0/build/examples/shared/include-ext.js"></script>

之所以用这一行代码取代下面的三行代码，是因为

1、那一行代码的js文件里面会自动生成所需的那三个文件

2、节省代码量

3、那三行代码是我网上查找到的方法，但是根本运行不了，不知道是我路径出错了还是咋滴，如有大神知道原因的话烦请留言告知，谢谢！

关于ExtJs的使用，每个版本的文件路径不同，其中的src代码自然也是不一样的，所以很多例子一到自己本地运行就出错是很正常的现象。所以我在本文开头就有说明笔者使用的版本类型，还需再次重视之。

关于WebStorm上部署ExtJs那就更简单了，并不需要网上说的在“设置”里面添加“JavaScript”的“Libraries”，也不需要下载什么Tomcat服务器。而是只要将解压出来的整个ext5.0.0文件复制到工程文件夹中即可。位置如下：

转载于:https://www.cnblogs.com/fifteen718/p/9533972.html

ExtJs5.0在WebStorm上的使用之入门教程（一）编写第一个网页 HelloExt相关推荐

史上最权威Python爬虫入门教程，15天就能轻松搞定，自嗨玩到爆
Python是一种简单易学,功能强大的编程语言,它有高效率的高层数据结构,简单而有效地实现面向对象编程.Python简洁的语法和对动态输入的支持,再加上解释性语言的本质,使得它在大多数编程语言的使用场 ...
掌声送给TensorFlow 2.0！用Keras搭建一个CNN | 入门教程
作者 | Himanshu Rawlani 译者 | Monanfei,责编 | 琥珀出品 | AI科技大本营(id:rgznai100) 2019 年 3 月 6 日,谷歌在 TensorFlow ...
python神器_Python的三大神器，你知道是哪三大吗？史上最详细的入门教程！
Python的三大神器:装饰器.迭代器与生成器!这就是Python的三大神器,好了废话不多说.直接来上干货吧! 生成器仅仅拥有生成某种东西的能力,如果不用__next__方法是获取不到值得. 创建一 ...
深度学习为什么选择Pytorch？史上最详细Pytorch入门教程
目录前言一. Pytorch介绍 1.常见的深度学习框架 2.Pytorch框架的崛起 3.Pytorch与Tensorflow多方位比较二.Tensors 1.Tensor的创建 2.Tens ...
macos自带java_在 MacOS 上安装 Java - Java 入门教程
本小节我们将介绍如何在 MacOS 平台安装 Java . 如果你想在其他平台安装 Java,请查看对应平台的安装教程: 1. 下载安装包我们首先打开 Oracle 官网的 JDK 下载地址,找到 ...
史上最详细sqlmap入门教程
最近做安全测试,遇到了SQL盲注的漏洞,从发现漏洞,确认漏洞,协助开发复现漏洞,验证漏洞一整套流程下来,有了亿点点收获,下面分享给大家,希望对软件测试同学有所启发,难度不大,小白看完也能上手的那种. ...
码云 git android,Android studio使用Git上传码云入门教程
Git使用教程: 本来android studio 我使用了插件gitee进行代码同步到码云,不得不说十分有用,可是也出现了一些问题,好比更新的代码提交不上去,可是用命令行的形式成功提交,故做记录.a ...
史上最全3DMAX入门教程来啦，小白赶紧收藏！
[最新版]3DMAX自学入门教程,3dsmax建模基础教学,游戏建模新手教程,软件介绍和基本操作,3DMAX+PS+Bodypaint**(全集共42集)**,如果无法跳转请移步BILIBILI学习! ...
苹果手机上运行python_Python新手入门教程_在手机上就能学习编程的软件
Python新手入门教程_在手机上就能学习编程的软件很多小伙伴会问:我在学编程,想利用坐地铁坐公交吃饭间隙学编程,在手机上能学编程的软件有哪些?毕竟时间宝贵啊!!哈哈哈!!! 这个问题,在悟空回答的 ...

ExtJs5.0在WebStorm上的使用之入门教程（一）编写第一个网页 HelloExt

ExtJs5.0在WebStorm上的使用之入门教程（一）编写第一个网页 HelloExt相关推荐

最新文章

热门文章