題:
具有項目支持的HTML / CSS / JS的源代碼編輯器
ᔕᖺᘎᕊ
2014-07-29 19:13:30 UTC
view on stackexchange narkive permalink

我正在尋找具有以下功能的源代碼編輯器:

  • Javascript,HTML,CSS語法突出顯示
  • 自動完成功能,源格式(對於上述語言)
  • “項目”,您可以在其中定義項目目錄,並通過打開“項目”
  • 來打開項目中上次使用的所有文件 最好可移植(在999mb以下)

類似於Notepad ++,具有內置支持Javascript,HTML,CSS,語法突出顯示,自動完成功能,源格式和項目。

我需要它是免費的,並且可以在Windows 7上運行。

[GNU Emacs](http://www.gnu.org/software/emacs/)。
十一 答案:
Franck Dernoncourt
2014-07-30 01:11:54 UTC
view on stackexchange narkive permalink

您可以使用 Sublime Text(語法高亮,自動完成,源格式設置),該文件是按文件夾組織的(這幾乎是一個項目),可用於Web編程。它是免費的(試用版沒有時間或功能限制),可在Windows上使用,並且提供了可移植的版本。

Sublime的界面比Eclipse快,但是自動完成功能受到限制,沒有插件。

不幸的是,它不是免費的,但是有時間限制的試用。enter image description here

但是請注意,自動完成功能非常脆弱,只需在文件中建議任何單詞即可。可以通過插件來解決。
我認識一個使用此功能的網絡開發人員。
那麼,無限時間試用=類似於winrar? 30天后,我會收到像WinRar中那樣的煩人通知嗎?
視覺效果是什麼都沒有關係;如果要求該軟件免費,則Sublime不滿足要求。
@moopet它是免費的(就使用而言),所以我問它是否顯示一條消息,請說“請購買”。 **有關其他信息**,請先下載。有什麼問題嗎?
沒什麼好說的,但是也許您可以編輯問題,以“自由或自由評估”的方式說些什麼,以便將來對某人有所幫助?
SublimeText2是na軟件,但the不太積極。但是,在切換之前,我已經習慣了TextPad,它也很麻煩。據我所知,它對於JS和PHP具有不錯的代碼完成率。與默認的JS代碼突出顯示相比,我更喜歡附加的“更好的Javascript”。
MrSchism
2014-07-30 04:59:48 UTC
view on stackexchange narkive permalink

我建議 Adob​​e Brackets

  • Javascript,HTML,CSS -適用於這些語言。

  • 語法突出顯示,自動完成,源格式(對於以上語言)-全部內置。

  • “項目”,您可以在其中定義項目目錄,並通過打開“項目”來打開項目上最後使用的所有文件-它將打開您正在工作的最後一個文件在項目中一次只能打開一個文件。

  • 便攜式(999mb以下)-便攜式版本尚未正式發布,但來源是可用。同樣,有些人已經成功地使其自己便攜。這是 PortableApps版本

您的里程可能會有所不同,但是當我使用它時效果很好。

編輯:它確實會重新打開您在“工作文件”下打開的最後一個文件。它們充當打開的選項卡,但在垂直平面而不是水平平面上。

這是我遇到過的最好的編輯器之一。它也可以在Chrome瀏覽器中進行實時預覽!適用於USB和已安裝的版本。我將其標記為答案-太好了!
Franck Dernoncourt
2014-07-29 21:06:35 UTC
view on stackexchange narkive permalink

您可以使用 Netbeans,它可以按項目組織語法突出顯示,自動完成,源格式設置,並且可以用於網絡編程。它是免費的,可以在Windows上使用,並且可以做成便攜式

enter image description here

enter image description here

Christian Wilkie
2014-07-30 17:28:33 UTC
view on stackexchange narkive permalink

它仍處於早期開發中,但是您可能要看一下 Atom

  • Javascript,HTML,CSS -支持所有功能
  • 語法突出顯示,自動完成,源格式(針對以上語言)支持所有這些功能。
  • '項目',您可以在其中定義項目目錄,並通過打開“項目” 打開項目中上次使用的所有文件 -基本版本中不支持,但項目 -manager程序包添加了對項目功能的第三方支持,據說與Sublime Text類似。
  • 最好可移植(999mb以下)- Windows Alpha的.zip當前為62 mb。您只需要提取它,然後運行Atom.exe,所以我認為它應該是可移植的。雖然不確定設置的保存位置。

而且,它是開放源代碼,在 MIT許可下,設計為高度可通過進行自定義。儘管仍處於Alpha狀態,但我認為絕對值得關注,因為它的開發非常活躍。

Atom Editor Screenshot

界面很棒,它符合我的要求,但是我發現Brackets更好。 +1是額外的選擇!
Stuart P. Bentley
2014-07-30 03:33:17 UTC
view on stackexchange narkive permalink

我推薦 Cloud9。它滿足並超出了您的要求:

  • 它支持Javascript,HTML,CSS等
  • 它具有語法突出顯示,自動完成和源格式設置,使用GitHub等網站使用的Ace編輯器-實際上,Cloud9是“ Ace”中的“ C”
  • 其“項目”不僅是具有記住視圖的單獨目錄,而且是單獨的計算機,其視圖已同步到雲,並且可以同時在多個設備上使用(如果需要,可以由多個用戶使用)
  • 作為雲IDE,它非常 可移植-可以在具有(現代)網絡瀏覽器的任何計算機上運行,並且不需要安裝安裝空間(em)(0 MB)。

一半,Cloud9是我開發的唯一IDE。他們上週進行了一次大修,所以即使您之前已經檢查過,也請看看!

主頁看起來很棒!但是我無法讓網站做出回應!它會打開我的儀表板,然後Chrome會說“您要取消此標籤”。知道任何解決方案嗎?
儀表板為我加載的時間大約為20秒(實際的工作空間非常快):如果您等待了幾分鐘,但仍未加載,則可以通過向@C9Support,發電子郵件支持support@c9.io或向https://c9.io/support/reportabug
nochkin
2014-07-29 20:47:24 UTC
view on stackexchange narkive permalink

有許多工具可以實現這一目標。

我個人很喜歡Javascript開發人員使用的Eclipse IDE。我還使用帶有HTML / JS插件的Eclipse for Java實現了同樣的目的。它支持選項卡,項目和許多其他東西。它可以在Windows,Linux和Mac OS X上運行。 / p>

Eclipse是可移植的。我出於自己的目的從外部驅動器運行它。它也小於999MB(我自己的帶有插件的Eclipse配置約為170MB)。
我從來不知道!我一直以為這是一個很大的程序!我馬上試試
這取決於您認為“很大”的東西。當然,與Notepad ++相比,它非常龐大:-),但比MS Visual Studio 2012小約5-10倍。
是的,我想是的。我將在Windows PC上下載該軟件,然後嘗試:) +1答案!
我的Eclipse文件夾為400 MB,但這取決於您安裝的插件。
就我個人而言,我使用Eclipse是因為它具有令人印象深刻的功能,但是確實要花一些時間才能習慣它,而且速度有點慢。順便說一句,您可能想嘗試使用Sublime Text,您可能會發現它比Netbeans更乾淨(許多人這樣做)。
@FranckDernoncourt但是Sublime Text是付費的嗎? $ 70據網站
試用沒有時間或功能限制,因此在實踐中,除非您願意捐款,否則它是免費的。我已將其添加為答案。
nochkin
2014-07-30 22:05:35 UTC
view on stackexchange narkive permalink

如果您對基於瀏覽器的IDE感興趣,則可以查看 https://codenvy.com/

它支持多種開發環境,包括HTML / JS不久前,我玩了它,發現它反應靈敏且功能完善。

此外,我很久以前就使用 https://koding.com/正準備推薦它,但似乎這不再是免費的,因此不符合您的要求。但是,在研究其他產品時,我找到了下表: http://en.wikipedia.org/wiki / Online_JavaScript_IDE

看起來挺好的。我對在線遊戲感興趣。 Cloud9無效,但是Codenvy很棒! +1
RProgram
2014-08-15 03:23:39 UTC
view on stackexchange narkive permalink

我使用 SynWrite 編輯器(免費,開源)。對於您的項目:

  • HTML / JS / CSS的語法高亮顯示:是
  • HTML / CSS的自動完成:是
  • 自動完成對於JS:尚無此類插件(但可行)
  • 源格式:某些語言是:請參見格式化插件
  • 項目:是
  • 便攜式:是

Synw

為什麼UI不太好? U有工具欄,面板,項目。
抱歉,我的意思不是UI,而是與公認的答案相比,顏色和位置都不太好。
不對。與方括號相比,顏色還可以,都可以根據需要進行更改。托架還有另一個功能。對JS的更全面支持,對JS的自動完成,例如但是SynWrite對其他語言提供了更全面的支持(Brackets適用於Web,Synwrite適用於所有語言,不僅適用於Web,例如Notepad ++)
但是,如果我想獲得其他語言的支持,將會進行擴展。目前,我需要網絡語言。我並不是說這是一個* bad *程序,但我更喜歡Brackets。
我看不到你想說什麼。您需要什麼擴展..什麼語言支持..
我是說,我更喜歡括號。但是當您說“但是SynWrite對其他lang提供了更全面的支持(Brackets用於網絡,Synwrite適用於所有人)”我說,我不需要它們。我無話可說-由於某種原因,我更喜歡方括號。
好的,儘管開始比較慢,但還是要使用Brackets。
慢?!在我的4GB ram win7筆記本電腦上,它可以在幾秒鐘內(毫不誇張)打開。此外,方括號具有“實時預覽” ***。這對我來說非常方便,因為在我的Web開發語言中,我經常忽略非常重要的小寫字母。
嗯,所以速度現在更好了。括號通常是好的:內聯編輯器是正確的。
是的速度很棒,實時預覽是最好的!
Stanislav Ustimenko
2014-09-04 18:25:22 UTC
view on stackexchange narkive permalink

我建議看看 Codelobster

這是我最喜歡的免費HTML / CSS / JS編輯器。它具有:

  • PHP,HTML,JavaScript,CSS代碼突出顯示
  • PHP,HTML,JavaScript,CSS代碼崩潰
  • HTML自動完成
  • >
  • 標記的自動完成,當前標記的屬性,結束標記
  • HTML / CSS代碼檢查器
  • HTML工具欄
  • CSS自動完成
  • 樣式屬性名稱和值的自動完成
  • JavaScript Advanced自動完成
很好地確認它是否是便攜式的,或是否具有問題中所定義的項目支持;除了那個不錯的答案。
Tom
2016-01-02 23:08:03 UTC
view on stackexchange narkive permalink

我會推薦ActiveState的 Komodo Edit。它滿足您的所有要求,

  • 具有Javascript,HTML,CSS語法突出顯示
  • 對上述語言具有自動完成的& Calltips支持
  • 具有項目支持
  • 免費
  • 與Windows 7兼容

具有這些功能,並且還具有

  • 多語言編輯器
  • 跟踪更改
  • Markdown查看器
  • Kopy.io集成
  • 多個選擇
  • 工具箱
  • 皮膚&圖標集
  • 迷你地圖
  • 使用Komodo IDE的主幹

Komodo編輯(開放源代碼)

Komodo Edit是一種快速,智能,免費和開源的代碼編輯器。切換可信賴的代碼編輯器很困難,但是請嘗試一下Komodo Edit(或它的大兄弟Small Komodo IDE iconKomodo IDE):值得一試。

Windows,Mac,Linux?是。 PHP,Python,Ruby,JavaScript,Perl,Tcl,XML,HTML5,CSS 3?是的,具有(可自定義的)語法著色,折疊,背景語法檢查以及出色的自動完成和提示(我們稱之為“代碼智能”)。還有什麼?快速打開(不再需要緩慢瀏覽文件);遠程文件編輯; Vi鍵綁定(好的);以及帶有外殼程序命令集成,宏和代碼段的工具箱...全部包裹在欺騙性編輯器和與Firefox相同的擴展機制周圍。

Komodo Edit UI

Alfie
2017-07-19 05:14:31 UTC
view on stackexchange narkive permalink

嘗試使用Visicom Media的AceHTML。

只需在搜索引擎中輸入名稱即可。免費版具有完整功能,而PRO版本6具有更多附加功能這是我創建並管理2個網站的主力文本編輯器,它不是所見即所得,並且僅在Windows上運行(在Windows 10 64下運行良好) / 32位(具有管理員權限)它具有您要查找的所有條件-太多要列出的內容,所有這些都位於乾淨的下拉菜單中,無需手動。切換到內部查看器僅需單擊即可,即時,無需加載瀏覽器來檢查您的代碼-使用文本編輯器和查看器全頁,這是迄今為止我發現的最好的Editor程序-上面沒有提到過,甚至沒有找到過。曾經在Linux上找到過類似的程序-但沒有找到我實際上可以安裝和使用。



該問答將自動從英語翻譯而來。原始內容可在stackexchange上找到,我們感謝它分發的cc by-sa 3.0許可。
Loading...