IDE do Frontu

CO
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 4 lata
  • Postów:116
0

Możecie polecić jakieś intuicyjne darmowe IDE do zabawy z HTML CSS i Javascript oraz SASS czy GULPem?

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:minuta
  • Postów:8409
1

Obecnie używam VSCode, który dojrzał do tego, żeby nazywać się IDE i konkurować z Webstormem.

Jeszcze Atoma wcześniej używam, ale on zamula.

Chociaż myślę, że w kwestii IDE do frontendu jeszcze czegoś nowego się doczekamy. Kiedyś sam próbowałem zrobić własne IDE do frontendu, ale póki co mi się nie udało. Może powrócę do tej idei kiedyś.

A może ktoś inny zrobi. Już są próby tworzenia nowych rodzajów IDE, bardziej wizualnych itp.


MK
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 5 lat
  • Postów:78
0

Brackets

CO
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 4 lata
  • Postów:116
0

Znalazłem coś takiego:
http://bluegriffon.org/
Wersja podstawowa darmowa ale nie ma zaimplementowanego RWD.

0

Brackets, LightTable, Sublime, BlueFish, Geany.

DZ
  • Rejestracja:prawie 7 lat
  • Ostatnio:5 dni
  • Postów:52
0

A korzystacie z Eclipse?
Ja własnie się nad nim zastanawiam - może nie najlepsze IDE ale plus jest taki że można go używać w wielu językach programowania, więc nie ma problemu z przesiadką z jednego IDE an inne i uczenia się nowych skrótów klawiaturowych

VE
Skróty przeważnie możesz sobie zaimportować z innych IDE. Ja w VSCode korzystam ze skrótów z IntelliJ.
LU
  • Rejestracja:prawie 9 lat
  • Ostatnio:ponad 5 lat
  • Lokalizacja:Lublin
  • Postów:61
1

Czyż nie lepiej nauczyć się raz czegość z JetBrainsów? @DarkoZZZ
Nawet funkcjonalność ich IDE częściowo się zazębia, więc może nawet nie trzeba będzie ściągać kolejnej binarki.


Life is like jazz - It's best when you improvise
1

Atom i Aptana.

DZ
  • Rejestracja:prawie 7 lat
  • Ostatnio:5 dni
  • Postów:52
0

Spróbuję Aotany skoro oparta jest na Eclipse

MP
  • Rejestracja:ponad 6 lat
  • Ostatnio:około 6 lat
  • Postów:3
0

XCode. Do wszystkiego

KA
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 3 lata
  • Postów:5
0

Ja programuję głównie w php + frontend (js, css) i również polecam Visual Studio Code. Wcześniej korzystałem z Atoma i PhpDesigner - i żaden nie umywa się do VSC. Jest dużo wtyczek ułatwiających pracę i można sobie wszystko skonfigurować pod własne preferencje.

czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
0

VSC mnie nie przekonał, ma jakieś dziwne, nieczytelne podświetlanie tagów.


KA
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 3 lata
  • Postów:5
0

Możesz dostosować w nim wszystko do swoich preferencji.

1

Mnie też Visual Studio Code nie przekonał do siebie, nie podpowiada dobrze składni, Brackets i Sublime jest pod tym względem o wiele lepsze. Do tego są lżejsze od Code.

0

Amerykanie, Europejczycy i społeczność Open Source nie potrafi stworzyć dobrego IDE, tylko jakieś mało intuicyjne niewypały jak Eclipse, Aptana, NetBeans, VC. A Rosjanie chyba przy pomocy Putina tworzą zgrabne intuicyjne płatne IDE, które jest wykorzystywane przez wszystkie zachodnie służby tak jak było to z Kaspersky. Zamiast przebudować tego potworka Eclipse, to dalej ciągną ten sam schemat, który jest okropny w użytkowaniu. Być może za 20 lat powstanie w Rust jakieś nowoczesne i szybkie IDE, bo jak na razie poza JetBrains wszystkie te edytory i IDE są daleko za murzynami. Nawet mądrzy Azjaci nie stworzyli jakiegoś fajnego IDE. Smutne :(

andrzej.kmicic
  • Rejestracja:prawie 12 lat
  • Ostatnio:7 miesięcy
  • Postów:96
0
Mały Kaczor napisał(a):

Amerykanie, Europejczycy i społeczność Open Source nie potrafi stworzyć dobrego IDE, tylko jakieś mało intuicyjne niewypały jak Eclipse, Aptana, NetBeans, VC. A Rosjanie chyba przy pomocy Putina tworzą zgrabne intuicyjne płatne IDE, które jest wykorzystywane przez wszystkie zachodnie służby tak jak było to z Kaspersky. Zamiast przebudować tego potworka Eclipse, to dalej ciągną ten sam schemat, który jest okropny w użytkowaniu. Być może za 20 lat powstanie w Rust jakieś nowoczesne i szybkie IDE, bo jak na razie poza JetBrains wszystkie te edytory i IDE są daleko za murzynami. Nawet mądrzy Azjaci nie stworzyli jakiegoś fajnego IDE. Smutne :(

Co ta za rosyjskie IDE , o link poproszę ?

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:minuta
  • Postów:8409
0

IntelliJ przecież zostało zrobione przez Rosjan (chociaż firma ma swoje HQ w Czechach).


andrzej.kmicic
  • Rejestracja:prawie 12 lat
  • Ostatnio:7 miesięcy
  • Postów:96
0
LukeJL napisał(a):

IntelliJ przecież zostało zrobione przez Rosjan (chociaż firma ma swoje HQ w Czechach).

Przepraszam że przeszkadzam ale może skorzystam przy okazji, bo zainstalowałem własnie InteliIJ.
Skaczę z kwiatka na kwiatek i zaczepiłem się na chwilę w temacie Node. Może czegoś nie wiem ale tak jak prawie wszystkie IDE które przeleciałem podpowiedzi np z modułów szwankują.
Prosty przykład taki mały skrypt testowy :

Kopiuj
var BitSet = require('bitset');
console.log('start');
var bs = new BitSet(1929);

console.log(bs);
bs.setRange(0, 80, 1);
bs. <-- 

var a = Array();
var b = Array();

for (var i = 0; i < 50000; i++) {
  var xb = BitSet.Random(80);
  a.push(xb);
}
b.push(a);
for (i = 49990; i < 50000; i++)
        console.log(b[0][i].toString());
console.log(bs.toString());
console.log(bs);

i w miejscu strzałki po kropce wyświetla takie same pierdoły mimo że ma do dyspozycji package.json i kod źródłowy modułu instalowany npm-em. Coś tu nie gra albo trzeba go jakoś naprowadzić o czym może nie wiem. Jakbyś wiedział chętnie skorzystam.
pozdr
AK

edytowany 1x, ostatnio: andrzej.kmicic
LukeJL
dziwne, bo to akurat jest łatwe do zaimplementowania i powinno to uzupełniać (a nie zawsze tak jest, niektóre JSowe konstrukcje są dość trudne do zanalizowania. Ale to co napisałeś raczej jest łatwe. Sam się bawiłem w takie rzeczy). W jakich programach próbowałeś? A dobra, widzę już, że piszesz o IntelliJ. Ja ostatnio nie korzystam z tego już w ogóle (korzystałem kiedyś z Webstorma, ale dla mnie to kobyła).
LukeJL
VSCode to powinien łapać raczej.
andrzej.kmicic
Dzięki za zainteresowanie, odpowiadam w edytowanym poście powyżej.
andrzej.kmicic
Zgineła opcja edycji posta, chciałem dodać zrzut, na którym widać że po bs. powinien wyświetlić podpowiedzi metod modułu BitSet znajdującego sie w sekcji bibliotek pliku konfig : package.json. Link do zdjęcia : https://imgur.com/a/B4NZWMA
MP
  • Rejestracja:ponad 6 lat
  • Ostatnio:około 6 lat
  • Postów:3
0
LukeJL napisał(a):

IntelliJ przecież zostało zrobione przez Rosjan (chociaż firma ma swoje HQ w Czechach).

Przecież to ryba gdzie jest HQ, ważne jakiej jakości jest final.
poza tym IJ na MBP wali InRuntimeError.

To by było na tyle.

edytowany 1x, ostatnio: maczek-pl
LukeJL
jak ci wali błąd, to można zgłosić buga do ich Issue Trackera https://youtrack.jetbrains.com/issues/IDEA
DE
  • Rejestracja:ponad 9 lat
  • Ostatnio:10 miesięcy
  • Postów:1788
0

Osobiście nie wiem jak można kodować w czymś innym niż IDE od JetBrains. O jakimkolwiek ficzerze bym nie pomyślał, to okazywało się, że moje IDE go ma, tylko trzeba było znaleźć. Próbowałem VSCode, Atoma, Eclispe, Visual Studio, Sublime (część z nich to edytory tekstu, a nie IDE..) i JetBrains dalej no. 1.

Większość osób nie da się przekonać, dopóki nie usiądzie ze mną w pair programmingu i nie zobaczy na własne oczy co ten soft potrafi. Zazwyczaj po czymś takim każdy udaje się po własną licencję.

edytowany 3x, ostatnio: Desu
andrzej.kmicic
  • Rejestracja:prawie 12 lat
  • Ostatnio:7 miesięcy
  • Postów:96
0
Desu napisał(a):

Osobiście nie wiem jak można kodować w czymś innym niż IDE od JetBrains. O jakimkolwiek ficzerze bym nie pomyślał, to okazywało się, że moje IDE go ma, tylko trzeba było znaleźć. Próbowałem VSCode, Atoma, Eclispe, Visual Studio, Sublime (część z nich to edytory tekstu, a nie IDE..) i JetBrains dalej no. 1.

Większość osób nie da się przekonać, dopóki nie usiądzie ze mną w pair programmingu i nie zobaczy na własne oczy co ten soft potrafi. Zazwyczaj po czymś takim każdy udaje się po własną licencję.

No to nakieruj mnie proszę jak zmusić IJ w aplikacji NODE do podpowiedzi metod z modułu zawartego w paczce modułów. Może tam trzeba wymusić przeglądanie żródeł bibliotek ale nie mogę tego znależć. Wszędzie piszą że zainstalowanie plugina wystarcza ale jak widać na moim przykładzie nie wystarcza. To przykład z VSCode : https://imgur.com/a/B4NZWMA ale identycznie jest w IJ. https://imgur.com/a/AArnxEs.
Jednym słowem, jak zmusić IJ lub VSC do podpoweiedzi z biblioteki zawartej w spisie modułów (packages.json) i katalogu ( node_modules)...
pozdrawiam
AK

Patryk27
AFAIR WebStorm jako jedyne ma prawilne podpowiadanie składni JSa - inne IDE od nich (np. PhpStorm) mają zaimplementowaną tylko podstawową wersję.
LukeJL
pytanie jak jest zdefiniowany plik źródłowy. Być może coś w pliku źródłowym, sposób definicji tej "klasy" jest taki, że analizator kodu się gubi. Niestety JS jest językiem dynamicznym. Pół biedy jeśli moduł, który importujesz korzysta z łatwych do zanalizowania klas ES6, gorzej jeśli tego nie robi i jedzie np. na funkcjach-fabrykach typu function () { return {setRange() {} } czy innych umownych konstruktach
LukeJL
(nic złego nie ma w funkcjach fabrykach, piszę raczej z perspektywy analizy kodu. Sam pisałem kiedyś bibliotekę do analizy kodu JavaScript, więc wiem, że zanalizowanie takich dynamicznych konstrukcji jak funkcje-konstruktory, funkcje-fabryki bywa dość uciążliwe, natomiast o wiele łatwiej się analizuje kod na klasach ES6).
LukeJL
z tego co widzę to biblioteka bitset jedzie jeszcze na starszych konstruktach, może dlatego nie działa https://github.com/infusion/BitSet.js/blob/master/bitset.js . Z drugiej strony to dziwne, bo dostarczają też definicje TypeScriptu, a z tego co mi si wydawało, to niektóre edytory potrafią wyłapać autocomplete też z definicji type-scriptowych (nawet przy korzystaniu z czystego JavaScriptu), więc dlaczego nie wyłapuje? Może warto zgłosić ten problem w issues twórcom tej biblioteki? https://github.com/infusion/BitSet.js/issues
andrzej.kmicic
Faktycznie zainstalowałem PhPStorma i jako jedyny obsługuje biblioteki prawidłowo... Szkoda tylko ze to trial i na razie nie na kieszeń Polskiego emeryta :)... Dzięki wszystkim za pomoc i zaangażowanie. A faktycznie biblioteka bitset może być odmienna bo kilka bibliotek w VSC pracuje. Ten trial zdecyduje o tym że zostanę przy VSC. Bardzo jestem zadowolony jest sporo ułatwień. Np cenię sobie co dla programistów pewnie mniej ważne, zoom ze względu na zmęczenie oczu...
LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:minuta
  • Postów:8409
0
Desu napisał(a):

Osobiście nie wiem jak można kodować w czymś innym niż IDE od JetBrains.

E tam, bez sensu jest takie myślenie. Każdy koduje w czym mu wygodnie.

O jakimkolwiek ficzerze bym nie pomyślał, to okazywało się, że moje IDE go ma, tylko trzeba było znaleźć.

No właśnie, to zależy od indywidualnych gustów, ale dla mnie przejrzystość interfejsu i szybkość znalezienia danej opcji jest ważniejsza od tego, czy IDE będzie miał z kilka tuzinów dodatkowych ficzerów, nawet takich, z których nigdy nie skorzystam, a jeśli nawet będę chciał skorzystać, to i tak ich nie znajdę, albo nie domyślę się, że są.

Próbowałem VSCode, Atoma, Eclispe, Visual Studio, Sublime (część z nich to edytory tekstu, a nie IDE..)

różnica "edytory tekstu" kontra "IDE" jest dość umowna. Takie VSCode niby jest edytorem, a idzie w stronę IDE, i integruje w sobie mnóstwo rzeczy (masz tam terminal, debugger, obsługę Gita... z wymienionych tylko z terminala czasem korzystam, ale mimo wszystko...). Z drugiej strony nawet w innych edytorach możesz zwykle dodać jakieś wtyczki i też będziesz mieć doświadczenie IDE w edytorze... Różnica tylko, czy będzie to out of the box czy będziesz musiał coś zrobić wcześniej.

Większość osób nie da się przekonać, dopóki nie usiądzie ze mną w pair programmingu i nie zobaczy na własne oczy co ten soft potrafi. Zazwyczaj po czymś takim każdy udaje się po własną licencję.

Pisałem w WebStorm przez jakiś czas. I owszem, była moc (największa przy "inteligencji kodu", np. "go to definition", pokazywanie nieużywanych zmiennych, miałem wrażenie, że WS lepiej rozumie JavaScript niż Atom... Tylko co z tego, skoro miał tak zagracony interfejs, że i tak przesiadłem się z powrotem na wygodniejszego w użyciu Atoma.

Teraz natomiast piszę w VSCode (ale nie przesiadłem się od razu jak wyszło, bo początkowe wersje VSCode były słabiutkie, dopiero z czasem to poulepszali) i jak dla mnie "inteligencja kodu" jest porównywalna z WebStormem (no chyba, że w WebStorm jeszcze mocniej ulepszyli rozumienie kodu, ale tego już nie wiem, bo przestałem używać).

No ale VSCode jest takie 2018... kiedyś wyjdzie jakiś jeszcze lepszy edytor i się przerzucę na jeszcze inny.


edytowany 1x, ostatnio: LukeJL
hauleth
"kiedyś wyjdzie jakiś jeszcze lepszy edytor" już jest, od 27 lat: Vim.
czysteskarpety
czysteskarpety
a ty chyba pisałeś jakiś swój swego czasu jak pamiętam
LukeJL
Nom, ale nie skończyłem, a potem porzuciłem projekt. Trochę mnie to przerosło. Ale może to i dobrze, bo i tak dużo się z niego nauczyłem. Z drugiej strony może jeszcze kiedyś wrócę do projektu(w domyśle: zacznę robić od nowa podobny projekt), a jeśli tak to będę już wiedział lepiej jak to wszystko zaprojektować, co robić, czego unikać itp.
andrzej.kmicic
Też jestem pod wrażeniem VSCode...
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)