2010-10-22 86 views
9

我想用純Web應用程序編程來玩一下。推薦用於純Web應用程序的IDE(HTML5等)

從VB6背景的,一些功能我想有:

  • 一步一步的調試
  • 視覺UI設計

如果我們決定做我們的下一個應用程序作爲一款網絡應用程序,價格並不是非常重要(一個更好的IDE使用效率更高,使用更愉快)。

更新:我正在尋找類似於(我聽說你得到的)jQuery,其中有一個底層框架來處理所有的瀏覽器差異。所以我只是將一個UI小部件(下拉式組合框等)放到IDE上,而框架負責處理所有瀏覽器和O/S變體的javascript等。

+0

我沒有答案,但我個人使用最簡單的文本編輯器,沒有可視化工具:Linux上的Geany和Windows上的Notepad ++。支持多種語言,代碼完成等。至於javascript調試,您可以使用Firebug for Firefox或Chrome的內置開發人員工具。它們都會破壞你在VB中習慣使用的所有東西。歡呼:) – kovshenin 2010-10-22 13:08:52

回答

6

我想你會從這些要求開始掙扎。

  • 步驟一步調試:更常見的是,你會想這樣做在瀏覽器本身,而不是在IDE中。如果你有一個只在Chrome 6中發生的錯誤,那麼能夠在IDE中調試JavaScript並不會對你有太大幫助
  • 可視化UI設計:問題是,最終它的結果是什麼像視覺在你的IDE是不重要的,這是它看起來就像在不同的瀏覽器,在手機上等什麼你後Dreamweaver的事項

可能是最接近的東西,或者如果你更舒服與MS產品,你可以嘗試Expression Web(從未自己使用過)。我個人使用Komodo Edit,最新版本支持HTML5和CSS3,並且有一個paid version,它增加了許多功能,但IDE(像你)(顯然)都不期望。

爲了響應您的編輯:Komodo Edit支持jQuery(即提供代碼完成和工具提示),並且您可能會用a CSS framework(或甚至an HTML5 one)來消除瀏覽器差異,但主要是前端Web開發是關於編輯文本文件並在瀏覽器中查看它們。 IDE通常幫助的事情並不是真正的主要因素。

進一步編輯:另外,如果你想要一個JavaScript組件框架,你或許應該看看一個:

+0

你可能是對的。這是我對基於網絡的應用程序的擔憂之一:如果它在每個瀏覽器(並可能在每個平臺上)呈現不同的效果,由於測試和調試的複雜性增加,它將帶來收益遞減。 (假設我們只支持2種最流行的瀏覽器和Mac O/S(幾個版本)和Windows(3個版本),現在我們討論2 x4 = 8個排列。問題: – 2010-10-22 12:52:52

+0

@ClayNichols好的,歡迎來到Web開發;)這與您習慣於桌面開發的習慣不一樣,所以不要試圖複製Web的桌面開發過程,而應該退一步考慮IDE可能不是最好的開始。 Web是一個不同的平臺,具有不同的最佳實踐和權衡,拖放UI設計不太可能奏效,在我看來,您需要了解更多關於前端Web開發的知識,然後才能做出決定什麼是最好的工具使用。 – robertc 2010-10-22 13:00:10

+0

@ClayNichols另外,你可能會發現這篇文章很有趣:http://www.zeldman.com/2010/07/05/an-indesign-for-html-and-css/ – robertc 2010-10-22 13:00:32

0

粘土,網站開發與軟件開發完全不同換貨。我已經完成了這兩項工作,我可以向您保證,您無法像開發軟件或反之亦然進行Web開發工作。你只需要學習一種使用Dreamweaver(這就是我使用的)或HTMLPad或任何HTML編輯器可以實現的新編程方式。

即使jQuery不是一個可視化的IDE--你不只是將圖標拖放到網頁上。你必須對它進行編碼(你插入它的JavaScript,然後添加你的代碼來操縱小部件),然後在線檢查網頁(或者使用本地服務器離線)。你必須知道在哪裏放置小部件。你需要學習HTML和CSS。這是必需的。

+0

如果Web開發與軟件開發無關,請解釋Web應用程序的興起。 – Cleanshooter 2013-06-26 15:11:00

0

我看到的另一個選項是Google Web Toolkit,它允許您使用Eclipse在Eclipse中進行開發並在Eclipse中進行調試(甚至在瀏覽器級別),然後將其「編譯」爲Javascript,爲每種類型的代碼創建一個版本的代碼瀏覽器(所以你只需要在「設置」的Javascript)。許多內置的東西來詮釋代碼的速度。

0

對於覆蓋大多數語言的免費IDE,您可以試試RJ textedit。有代碼摺疊。你可以添加它的語法定義。允許您用中間鼠標滾輪和ctrl縮放您的IDE字體,對於我們眼睛不好的人。點擊f10 - f12分別在IE,Firefox或Chrome上測試您的代碼,可以輕鬆瞭解它在所有三種主流瀏覽器上的運行情況。只需下載它,解壓縮它,在RJ textedit文件夾中創建TEXTEDIT.exe的快捷方式,然後繼續。我發現它最容易編程,對工作空間或長時間設置毫無用處,只需輸入一些JavaScript和/或HTML代碼並運行即可。使用HTML5元素很容易設置,我認爲自己不需要可視化編輯器。我只是喜歡打字並看到結果。但是,我們再一次走上了不同的道路。希望這可以幫助。

相關問題