Otázka:
Co je to „IDE“ pro webové stránky, které mohou provádět „proces sestavení?“
Anonymous Penguin
2014-07-19 05:15:03 UTC
view on stackexchange narkive permalink

Hledám textový editor (může to být spíše IDE se všemi funkcemi), který nejprve funguje jako normální textový editor. Potřebuji však něco, na co mohu kliknout na možnost, jako je „build for production“, která udělá řadu věcí (v závislosti na konfiguraci, kterou mám), například:

  • Minifikujte zdrojový kód (tj. odstranit mezery)
  • Zakryjte kód kvůli malému extra zabezpečení a možná zkrátte délku některých názvů některých prvků (tj. id = navigation-internal-float -right -> id = a75 ). Vzhledem k tomu, že to výrazně nezlepší rychlost / zabezpečení, nejde o můj hlavní problém, jen o osobní preference. Pokud by to však udělal, museli byste se ujistit, že kód změníte univerzálně, aby to stále fungovalo.
  • Zkompilovat méně kódu
  • Odebrat nepoužívaný kód (související: Nástroj pro odstranění nepoužívaných CSS)
  • Testy jednotek pro jakýkoli změněný kód / ovlivněný kód

Některé další výhody:

  • Otevřený zdroj (i když musí být )
  • Umět lokálně ladit / spustit jakékoli skriptování na straně serveru
    • Místní databáze MySQL by byla nezbytná, aby byla tato funkce užitečná
    • Bylo by hezké mít tuto část plně přenosnou, abych mohl bez problémů a bez námahy vyvíjet na jednom stroji a přecházet na jiný ( podobně jako Vagrant)
  • Umím vyčistit svůj kód přeformátováním pomocí příkazu / odstranit koncové mezery

Jazyky, které mají být kompatibilní:

  • PHP
    • Laravel (volitelné, ale opravdu bych si s ním chtěl hrát)
  • HTML
  • CSS
  • méně
  • Javascript
    • jQuery (nebo lepší ... libovolná externí knihovna)
  • Node.js (volitelné, ale rád bych si s ním zahrál)
  • RoR (volitelné, ale rád bych si s ním zahrál)

Abych byl upřímný, externí nástroj by byl v pořádku, pokud by splňoval všechna výše uvedená očekávání. Cítím, že IDE, které by to všechno mohlo nabídnout, by bylo o něco jednodušší. Koala se zdá být krokem správným směrem jako nástroj, ale je omezen na Less / Sass.

Celkově hledám systém sestavení. Viděl jsem zmínky o „procesu sestavení“ (z čehož vyplývá systém sestavení) na více místech, včetně vývojářského webu Yahoo !, takže se zdá, že jsou k dispozici. To však může být všechno interní software. Je něco, co mohu zdarma použít k provedení ekvivalentu?

Pochybuji, že to udělá z krabice, ale [Eclipse] (http://eclipse.org) bude schopen něco z toho udělat a existují [pluginy] (http://marketplace.eclipse.org) do Eclipse, který může dělat některé z dalších věcí.
Znáte [Grunt] (http://grunt.org)? Je to zatím pouze nástroj příkazového řádku a musíte zadat konfiguraci v souboru JavaScriptu. +1 Potřebuji také IDE, abych strávil více času vývojem než vytvářením konfigurací.
@ComFreek Zajímavé ... bude se muset pohrávat, až budu mít čas. Nemohu najít nic o podpoře PHP ...: /
Jeden odpovědět:
Jogai
2015-07-14 12:59:52 UTC
view on stackexchange narkive permalink

Zdá se, že je těžké najít ideu, která by vyhovovala všem vašim potřebám, ale nyní existuje Visual Studio Code

Všechny vaše požadavky jsou možné, ale ne z krabice. Musíte vytvořit úkol (například s gruntem / gulpem) pro kompilaci skriptů, zamlžování, čištění, minifikaci a testování - Obscuring code; stejné jako minifikace. - Položka seznamu

Je však:

  • Gratis
  • schopen ladit Node.js (JavaScript a TypeScript), C # a F #
  • Formátovat kód (se Shift + Alt + F)

A podporuje (mimo jiné):

  • S barevným zvýrazněním syntaxe, porovnáváním závorek
    • PHP, Ruby
  • Se zbarvením syntaxe, párováním závorek + IntelliSense, liniováním, obrysem
    • HTML, CSS, méně, Javascript
  • Díky barvení syntaxe, porovnávání závorek, IntelliSense, lintingu, obrysu + refaktoringu, vyhledejte všechny odkazy
    • Strojopis

Když používáte strojopis / Javascript, máte plnou zkušenost s laděním pro node.js. Když používáte php, můžete začlenit jakýkoli rámec, který chcete, ale editor pro něj neposkytuje žádné další funkce.

Protože většinu stavby potřebujete udělat s úkoly, můžete použít grunt / gulp samo o sobě, ale pro úpravy a ladění vám kód vizuálního studia poskytne několik drobností.

Vítejte v softwarových doporučeních! Dáváme přednost tomu, aby odpovědi byly poměrně dlouhé a propracované, než jen odkaz a „To by to udělalo“. Mohl byste vysvětlit, jak to dělá, co otázka potřebuje? Které výhody otázky se hodí a které ne? V ideálním případě by OP mohl prověřit vaši odpověď bez návštěvy externího odkazu. Podívejte se na [tuto diskusi] (http://meta.softwarerecs.stackexchange.com/q/356/94) o tom, jak napsat dobrou odpověď.


ⓘ
Tyto otázky a odpovědi byly automaticky přeloženy z anglického jazyka.Původní obsah je k dispozici na webu stackexchange, za který děkujeme za licenci cc by-sa 3.0, pod kterou je distribuován.
Loading...