Fájlok csoportosítása a Solution Explorer ablakban

A Visual Studio Web Essentials egyik praktikus szolgáltatása, hogy képes bizonyos fájlok feldolgozására azonnal, amint mentjük őket. Például képes a TypeScript fájlokat mentéskor azonnal lefordítani JavaScript fájlra, sőt még a map fájlt is előállítja hozzá. Vagy képes a LESS fájlokból mentéskor legenerálni a CSS fájlt normál és minimalizált változatban is.

Ez a szolgáltatás nagyon hasznos, ha ez a fajta feldolgozás nem része a build folyamatunknak, és ebben az esetben teljesen logikus, hogy az így létrejövő output fájlok a projekt fájlhoz is hozzáadódnak.Az már kevésbé szerencsés, hogy az eredeti és a generált fájlok közötti kapcsolatot a Visual Studio nem mindig veszi észre, és nem is mutatja a Solution Explorer ablakban. Szerencsére ha vesszük a bátorságot és beleszerkesztünk a .csproj fájlba, akkor rávehetjük a Solution Explorer ablakot, hogy egymás alá hierarchiába rendezze az egymáshoz kapcsolódó fájlokat. A trükk a DependentUpon elem használata, például:

<TypeScriptCompile Include="js\Main.ts" />
...
<Content Include="js\Main.js">
    <DependentUpon>Main.ts</DependentUpon>
</Content>
<Content Include="js\Main.js.map">
    <DependentUpon>Main.ts</DependentUpon>
</Content>

Íme az eredmény:

solution-explorer-group-ts

Sőt, akár több szint mélyre is mehetünk:

<None Include="css\default.less" /> 
... 
<Content Include="css\default.css"> 
    <DependentUpon>default.less</DependentUpon> 
</Content> 
<Content Include="css\default.min.css"> 
    <DependentUpon>default.css</DependentUpon> 
</Content>

Ebből pedig ez lesz:

solution-explorer-group-less

 

Technorati-címkék:
Advertisements

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s