Új hozzászólás Aktív témák

• Jim-Y veterán

  #4306

  #4305 martonx

  2014-09-17 19:40:13

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Jim-Y

  veterán

  #4305 martonx

  #4305 martonx

  Jim - Y kérésére írok egy rövid összefoglalót ide a JS toikba, hogy milyen szolgáltatásokat ad a Visual Studio tisztán html (plusz nyilván css, js, de semmiképpen sem .Net) fejlesztés esetében. Először is szögezzük le, hogy legalább két verziója van a VS-nek:

  1. ingyenes VS Express, aminek a funkcionalitása majdnem az, mint a Pro verziója, viszont nem lehet hozzá plugineket telepíteni, ami pont a webfejlesztés szemszögéből nézve elég nagy hiányosság.
  2. fizetős VS (Pro, Ultimate), ahol a Pro kb. mindenre elég, hacsak nem teszt automatizálással, meg mindeféle brutális funkcionális teszt írásával foglalkozunk. A Pro-ból az egyetlen számomra hiányzó funkció a web oldalak beépített load test-je, ami az Ultimate-ben benne van.

  No, de mi az, amit az ingyenes is tud:

  Kód kiegészítés js, css, html - a html kiegészítése szvsz a VS-nek a legjobb az összes eddig általam próbált rendszer közül, ami lássuk be pusztán az Eclipse, Netbeans vonalra korlátozódik, szóval lehet, hogy a PHPStrom, Webstorm ugyanilyen jó html-ben. CSS-ben segítget, js-ben egészen jó, bár kellően bonyolult jó sok js-re bontott projekt struktúránál, azért meg tudja adni magát a js kódkiegészítés. Emellett természetesen minden általános IDE funkció benne van, projektben keresés, szűrés, navigálás, verzió kezelőkkel integráltság stb...

  Fizetős mivel tud többet: van egy Web Essentials nevű hivatalos MS által supportált plugin. Aminek a tudása elég emberes, nem is sorolnám fel, nézze meg mindenki maga: link

  Hozzáteszem én pusztán html kódot nem szoktam fejleszteni, ASP.NET-ezek, így részemről alap volt a VS mint IDE választása.

  Koszonom szepen, biztos hasznos lesz masoknak is, en pusztan azert kerdeztem, mert irtad, hogy van nem fizetos valtozata ami erdekes lehet sokak szamara.

  En is teszek valamit a kozosbe, hatha ez is segit valakinek. En cca 3,4 honapja hasznalok egy JetBrains termeket javascript fejlesztesre, foleg js fajlokban matatok, css-ben es html-ben kevesebbet.

  Webstorm
  =======

  Amit szeretek benne:

  - szoros integraltsag svn-el. Rogton az elejen megadod a mar letezo projektet, o felismeri, hogy version kontrol alatt vagy, es ezt jelzi is a fajloknal. Uj fajl letrehozasanal megkerdezi, hogy hozza szeretned-e adni a projekthez, ha igen zold lesz a fajl (neve a projekt strukturaban, es a taboknal is), amugy meg piros, ha egy under version control fajlt modositasz akkor pedig kek. Ugyanez kodszinten is megvan, Jelzi a valtoztatasokat kekkel (update), zolddel (added). Hasznos tud lenni.
  Ugyancsak svn, van egy csillivilli osszehasonlito ablak, ahol a current copy-t tudod osszehasonlitani (es mergelni) a head-el. Nagyon egyszeru a mergeles, nyilacskakkal at tudod huzni a merged fajlba a valtoztatast. Eleg tuti

  - Amit surun szoktam hasznalni, navigacio a fajlok kozott, fajlhoz ugras, sorhoz ugras, usage search (ez nem tudom, hogy mi magyarul ), find in path, illetve a Refactoros Rename. Ez is nagyon hasznos. Bar ez tuti masban is igy van, de pl az egyszeru szerkesztokhoz kepest, Sublime, Brackets, Atom ez tobbet tud, es kenyelmesebb.

  - Live templates: Ez olyan mint ST2-nel a Snippets. Itt is tudsz elore definialni kodreszleteket, amiket utana be tudsz illeszteni es konfiguralni. Pl us -> TAB -> 'use strict', vagy
  for -> TAB -> es beilleszt egy kesz for ciklust stb...

  - Jok a code quality beallitasok. JSHint + JSLint + configuralhato Javascript inspections.
  Ez utobbi peldaul olyan hogy beallithatod hogy milyen merteku nestingnel szoljon, avgy ha tul sok parameteres a fuggvenyed akkor is szoljon, meg meg ezer ilyen code quality beallitas.

  - A potencialis hibakat is jelzi az editor. Lehet inspection-t vegezni. Pl jelzi a unused valtozokat.

  - Van beepitett Grunt consol. Ezt is hasznosnak talaltam.

  Talan ezek a fontosabbak, vagyis amik nekem eddig jol jottek.

  CSS
  ====

  Itt talan azt erdemes kiemelni, hogy a hexa kodokat megjeleniti az ide egy kis negyzetben a sorszamozas mellett.

  Kb ennyi

Új hozzászólás Aktív témák