CSSCop

Aki követi az ASP.NET fejlődésével kapcsolatos blogokat, annak Mads Kristensent nem kell bemutatni. Mads a BlogEngine.NET alapítója, a Microsoftnál pedig most már másfél éve a Visual Studio webes editorain dolgozik. A Channel 9-on például megtekinthető egy videó Web Developer Efficiency Tools in Visual Studio 11 címmel, ami abszolút az ő területe.

Ezekből az editor fejlesztésekből a Visual Studio 2010 megjelenése óta több ingyenesen letölthető bővítmény is született, melyek részben Mads neve alatt érhetők el a Visual Studio Gallery-ben. Az egyik kevésbé ismert a CSSCop, ami a CSS Lint ellenőrzőt építi be a Visual Studioba.

Az indítás a StyleCopot, vagy az FxCopot ismerőknek a szokásos. Jobb klikk a projekten, majd Run CSSCop:

Az elemzés eredménye az Error List ablakban jelenik meg:

Ami viszont kifejezetten szokatlan, az a kivételek kezelése. A CSSCop első indulásakor létrehoz a webhely gyökerében egy csslint.xml fájlt, és abban lehet kikapcsolgatni azokat a szabályokat, amikre nincs szükségünk, sőt van benne egy treatWarningsAsErrors kapcsoló is. Eszembe nem jutott volna itt keresni, de legalább könnyű TFS-be pakolni a beállításokat.

Mint minden automatikus kódelemző esetén, itt is érvényes, hogy ésszel kell kezelni az eredményeket, mert néha nincs igaza. Egyébként “will hurt your feelings”.

 

Technorati-címkék: Visual Studio,design,CSS,extension

April 2012 Update for Visual Studio 11 Beta

Pár napja megjelent az áprilisi frissítés a Visual Studio 11 béta változatához. A frissítés elsősorban stabilitási és teljesítmény problémákat orvosol, többek között kijavították a Razor editoros hibát is. A változásokról egy kicsit részletesebb lista megtalálható a KB2677574 tudásbázis cikkben.

A javítás mindössze 16.7MB és letölthető közvetlenül a Microsoft Download Centerből, illetve akik Ultimate verziót futtatnak, azok számára automatikusan megjelenik egy értesítő buborék a frissítésről:

Az értesítésre kattintva pedig közvetlenül az Extension Manager ablakból telepíthető a frissítés (katt a teljes képért):

Visual Studio 11 Express Beta for Web verziót használók ne keressék ezt a frissítést, automatikusan nem fog megjelenni számukra, ők manuális letöltés után telepíthetik. Későbbi változatokban ezt is orvosolni fogják.

És ha már ott járunk, érdemes bekukkantani az Installed Extensions listába is:

Látható, hogy az ASP.NET csapat nagyon sok funkciót bővítmény formájában csomagolt be a Studioba, így Visual Studio és .NET Framework verzióktól függetlenül tudják majd frissíteni őket, ami szerintem nagy királyság!

 

ui: Ha már frissítések: van a VS fejlesztőcsapaton belül egy UX team. Még nem mondhatom el, hogy mit alkottak, de hallják a sírást és dolgoznak ők is.

 

Technorati-címkék: Visual Studio

ASP.NET MVC 4 Razor editor gondok

Az ASP.NET MVC 4 bétával kapcsolatban kiderült két bug, ami a Razor parserhez köthető és amely nehézkessé teheti a Visual Studio használatát, legyen szó 2010-ről vagy 11-ről.

Az elsőnek az a tünete, hogy a .cshtml/.vbhtml editor sokáig gondolkodik, miközben mi gépelnénk bele. Tipikusan akkor jön elő, miután a projektet létrehoztuk vagy nyomtunk egy Clean projectet. A megoldás egy gyors fordítás, hogy a szerelvények bekerüljenek a bin mappába.

A másik hibával akkor találkozhatunk, ha Visual Studio 11 bétában nem Smart indentinget használunk HTML fájlok formázásához (katt a teljes képért):

A korábbi VS verziókban ez az opció HTML fájloknál nem volt elérhető, ez újdonság a VS 11-ben, ráadásul a Smart az alapérték. Azonban előfordulhat, hogy ha a gépen volt már egy korábbi VS példány, akkor a beállítások átköltöztek az új verzióba is és elszáll az editor. A megoldás: Tools –> Options –> Text Editor –> HTML –> Tab –> Indenting: Smart legyen beállítva.

Az ígéretek szerint mindkét hibát ki fogják javítani az RTM verzióra.

 

Technorati-címkék: Visual Studio,MVC

WebMatrix 2 beta

Frissült a WebMatrix 2 bétája, ami most már gond nélkül együttműködik a Visual Studio 11 bétával. Az új verzió a Web Platform Installer pre-release termékeket is listázó változatával tölthető le innen.

A tavalyi WebMatrix Klub előadássorozat alkalmával egészen megkedveltem a WebMatrixot. Nem olyan nehézkes, mint a Studio, de okosabb, mint egy Notepad (++/2). Olyan pont kézreálló fajta, persze csak annak, aki nem riad vissza egy kis kódolástól és tudja nélkülözni a varázslókat.

Az új verzió újdonságaiból ízelítő megtekinthető itt.

 

Technorati-címkék: WebMatrix,Visual Studio

Hasznos Visual Studio eszközök Windows 8 Metro stílusú alkalmazások készítéséhez

Egy ideje nyúzom a Visual Studio 11-et és találtam benne több hasznos eszközt is, ami sokat segít Metro stílusú alkalmazások készítésekor. Íme a kedvenceim:

Simulator

Hozzá vagyunk szokva, hogy az emulátorok általában körülményesek és lassúak, de ha már próbáltuk a Windows Phone Emulatort, akkor rájöhettünk, hogy ez nem mindig van így, sőt kifejezetten hasznosak fejlesztéskor. A Visual Studio 11-ben kapunk egy szimulátort, ami nagyon praktikus Metro stílusú alkalmazások teszteléséhez (katt a nagyobb képért):

Jobb oldalon sorban a funkciók:

• Mouse mode
• Start touch emulation
• Touch emulation pinch/zoom
• Touch emulation rotate
• Rotate simulator clockwise
• Rotate simulator counterclockwise
• Change resolution
• Set location
• Capture screenshot
• Screenshot settings
• Help

Amint látható, belepakoltak egy rakás olyan funkciót, amit egyébként csak fizikai eszközön lehetne kipróbálni. Külön érdekes, hogy a fenti gépen látható elrendezést én nem a szimulátorban állítottam össze, hanem ez pontosan megegyezik a hoszt gépem Start képernyőjével (remote desktop). A Simulator egyáltalán nem tűnik lassúnak (bár igazán pörgős alkalmazással még nem teszteltem), ráadásul közvetlenül a Studio toolbarjáról szabályozhatjuk, hogy ott induljon a programunk:

DOM Explorer

Miután sikerült elindítanunk az alkalmazást, jöhet a hibakeresés, ami weboldalaknál és most már JavaScriptes Metro stílusú alkalmazásoknál a layout és a CSS kipofozásával kezdődik. Itt lehet óriási segítség a Debug – Windows menüből elérhető DOM Explorer ablak, ami lényegében egy Internet Explorer Developer Toolbar Metro alkalmazásokhoz:

Az IE Developer Toolbar funkcióit nem kell bemutatnom, a Select Element gombra kattintás után itt is ugyanúgy rábökhetünk akár a Simulatorban, akár a futó alkalmazásban bármelyik felhasználói felület elemre és megnézhetjük a hozzá tartozó DOM részletet. Újdonság viszont, hogy a felső részen látszik, hogy az adott DOM elemet melyik fájl generálta és egy kattintással megnyithatjuk az adott forrásfájlt. Ez azért izgalmas, mert a bal oldalon nem a forráskódunk látszik, hanem a forráskód által fabrikált kész DOM, tehát egy lista esetén például már a renderelt DOM-ot látjuk, nem az item template-et. A böngészős dev toolbarhoz hasonlóan itt is lehet bármit röptében módosítani a kódban, ami azonnal megjelenik a felhasználói felületen (ami nem meglepő, hiszen a kódunkat az IE futtatja a WWAHost processzen belül).

Szintén nagyon hasznos a jobb oldalon található Events fül, ahonnan pedig az elemhez tartozó eseménykezelőkre ugorhatunk. Íme például egy AppBar button lelkivilága:

Refresh Windows app

Persze előfordul, hogy a hiba nem a HTML vagy CSS fájlban, hanem JavaScript kódban van. Ilyenkor egy igazi webfejlesztő csak belejavít a kódba, nyom egy gyors F5-öt és máris teszteli a javítást a böngészőben. Szerencsére ennek is van megfelelője itt, úgy hívják, hogy Refresh Windows app és megtalálható a toolbaron, vagy indítható közvetlenül a CTRL+SHIFT+R kombinációval (hamar megtanulja mindenki):

Sajnos nem csak az adott oldalt frissíti, hanem újraindítja az egész alkalmazást, de úgy vettem észre, hogy még mindig ez a leggyorsabb megoldás.

 

Nektek mi jön be leginkább az új Studioban?

 

Technorati-címkék: Windows 8,Visual Studio,Metro

C# 5.0 caller info attributes és INotifyPropertyChanged

A C# 5.0-ban lesz néhány új nyelvi elem, melyek közül az egyik a “caller info attributes”. Egyszerűen fogalmazva arról van szó, hogy ha egy metódus bemeneti paramétereit ellátjuk néhány attribútummal, akkor azok a paraméterek futási időben meg fogják kapni a hívó függvény nevét, valamint annak a fájlnak a teljes elérési útját és azon belül a sor számát, ahol a hívó található. Az attribútumok:

[CallerMemberName]

[CallerFilePath]

[CallerLineNumber]

A legtöbb felhasználási példa arról szól, hogy ezek az attribútumok milyen kiválóan használhatók naplózásra, de használhatjuk őket például az INotifyPropertyChanged interfész implementálásakor is:

public class Widget : INotifyPropertyChanged
{
    private string statusText;
    public string StatusText
    {
        get { return statusText; }
        set { statusText = value; NotifyPropertyChanged(); }
    }

    public void NotifyPropertyChanged([CallerMemberName] string property = null)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(property));
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;
}

A példát a C# FAQ blogból kölcsönöztem, ahol további linkek találhatóak a C# 5.0-val és a Visual Studio 11 Bétával kapcsolatban.

 

Technorati-címkék: C#,Visual Studio

Visual Studio 11 – feature No1

Biztos sokan már elkezdték nézegetni a múlt heti konferencián kiadott Visual Studio 11 Developer Preview-t. Nem tudom, ki hogy van vele, számomra az egyik legfontosabb újdonság, hogy végre nem konvertálódnak automatikusan a projekt fájlok, amikor a Visual Studio új verziójával megnyitjuk a kódot, így korábbi VS verziókkal továbbra is dolgozhatunk rajta. Mindezt kombinálva azzal, hogy egy gépre a Studio több verziója is telepíthető, óriási előrelépés, nem véletlenül tették ezt a Product Highlights lista elejére:

Project and solution backward compatibility. Open and edit projects and solutions created by using Visual Studio 2010 in Visual Studio 11 Developer Preview without converting the Visual Studio 2010 project first. The project and solution can then be opened again in Visual Studio 2010, as long as you have not implemented any code that has a dependency on any Visual Studio 11 Developer Preview-only features. For more information, see Installing Visual Studio Versions Side-by-Side.

A fiúk tehát Redmondban figyelnek a visszajelzésekre.

 

Technorati-címkék: Visual Studio,Visual Studio 11