ExtJs5.0在WebStorm上的使用之入门教程（一）编写第一个网页 HelloExt
首先，必須聲明一下筆者使用的軟件版本：
前端開發(fā)工具：WebStorm 11.0.3
輔助插件：ext-5.0.0-gpl
以上工具包括下面的代碼我已經(jīng)打包上傳在此處了：點(diǎn)擊打開鏈接
先上代碼，再廢話：
<!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('標(biāo)題', 'Hello Ext!');});</script> </head> <body> <!-- 說明： (1)Ext.onReady():ExtJS Application的入口...就相當(dāng)于Java或C#的main函數(shù). (2)Ext.MessageBox.alert()：彈出對話框。 --> 這是正文。 </body> </html>運(yùn)行結(jié)果如下：
之所以用這一行代碼取代下面的三行代碼，是因?yàn)?/p>
1、那一行代碼的js文件里面會自動生成所需的那三個(gè)文件
2、節(jié)省代碼量
3、那三行代碼是我網(wǎng)上查找到的方法，但是根本運(yùn)行不了，不知道是我路徑出錯(cuò)了還是咋滴，如有大神知道原因的話煩請留言告知，謝謝！
關(guān)于ExtJs的使用，每個(gè)版本的文件路徑不同，其中的src代碼自然也是不一樣的，所以很多例子一到自己本地運(yùn)行就出錯(cuò)是很正常的現(xiàn)象。所以我在本文開頭就有說明筆者使用的版本類型，還需再次重視之。
關(guān)于WebStorm上部署ExtJs那就更簡單了，并不需要網(wǎng)上說的在“設(shè)置”里面添加“JavaScript”的“Libraries”，也不需要下載什么Tomcat服務(wù)器。而是只要將解壓出來的整個(gè)ext5.0.0文件復(fù)制到工程文件夾中即可。位置如下：
轉(zhuǎn)載于:https://www.cnblogs.com/fifteen718/p/9533972.html
總結(jié)
以上是生活随笔為你收集整理的ExtJs5.0在WebStorm上的使用之入门教程（一）编写第一个网页 HelloExt的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 启动HDFS命令
- 下一篇： ThinkPHP - 6 - 学习笔记（