當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間：2023/12/9 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 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><script type="text/javascript">Ext.onReady(function () {Ext.MessageBox.alert('標題', 'Hello Ext!');});</script> </head> <body>  這是正文。 </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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：启动HDFS命令
下一篇：对于 APM 用户的一次真实调查分析（下