Hogyan lehet a VSCode-ot az Ultimate Markdown szerkesztővé alakítani

Hogyan lehet a VSCode-ot az Ultimate Markdown szerkesztővé alakítani

Ha az internetre ír, érdemes megnéznie a Markdownt. Rengeteg Markdown alkalmazás létezik, amelyek a webírókat szolgálják ki. De az ingyenes kódszerkesztők, például a Microsoft Visual Studio Code (VSCode) még erősebbek lehetnek.





A VSCode megérti a Markdown-t, és beépített eszközökkel rendelkezik a HTML-ben történő előnézethez. Hozzáadhat azonban olyan szövegszerkesztő funkciókat, mint a szószámlálás és a helyesírás-ellenőrző. Érdemes lehet webhelyspecifikus testreszabásokat is engedélyezni az előnézetben.



MAKEUSEOF A NAP VIDEÓJA

Végül, a Markdown HTML-ként való másolásának képessége elengedhetetlen, hogy tisztán beillessze azt egy tartalomkezelő rendszerbe (CMS).





Töltse le és telepítse a VSCode-ot

Kezdésként töltse le a VSCode-ot vagy annak nyílt forráskódú alternatíváját a VSCodium-ot. Mindegyik verziója elérhető az összes főbb asztali operációs rendszerhez.

Ha egyszer letöltött és telepített VSCode , futtassa az alkalmazást a kezdéshez.



A VSCode alapértelmezett üdvözlőképernyője.

Telepítse a Word Count bővítményt

Kezdje egy szószámláló hozzáadásával. Számos bővítmény áll rendelkezésre, amelyek ezt kezelik. Az egyik, amely a legjobban megkülönbözteti a tényleges szavakat a kódoktól vagy fájlnevektől, a Microsoft saját Word Counter kiterjesztése.

Letöltés: Szavak száma VSCode kiterjesztés (ingyenes)



  1. Kattintson Bővítmény letöltése alatt Erőforrások a jobb alsó ablaktáblában.
  2. A letöltés után váltson VSCode-ra.
  3. Kattintson a fogaskerek ikon a kezelőfelület bal alsó sarkában.
  4. Kattintson Kiterjesztések .
  5. Kattintson az ellipszisre ( ... ) a Bővítmények panel tetején.
  6. Kattintson Telepítés a VSIX-ről . ​​​​VCode a Microsoft Word Count kiterjesztésével, amely kimutatja a szavak számát egy mintadokumentumban.
  7. Válaszd a ms-vscode.wordcount-*.vsix az imént letöltött fájlt.

Az Szavak száma most telepíteni kell a bővítményt. Tesztelje egy új Markdown fájl megnyitásával és gépelésével. Most egy szószámlálót kell látnia a felület bal alsó részén:

​​​​VSCode-ban megnyílt leértékelési dokumentum, melyben az elírásokat lágy kék, kacskaringós aláhúzás észleli.

Helyesírás-ellenőrző bővítmény telepítése

Hozzá kell adnia a helyesírás-ellenőrző funkciót is. A szószámlálókhoz hasonlóan számos kiterjesztés kezeli a helyesírás-ellenőrzést. A legnépszerűbb az Kód helyesírás-ellenőrzése a Street Side Software által, mivel számos nyelven elérhető.



Letöltés: Kód helyesírás-ellenőrzése VSCode kiterjesztés (ingyenes)

  1. Kövesse a fenti szakasz 1–6. lépéseit.
  2. Válaszd a streetsidesoftware.code-spell-checker-*.vsix az imént letöltött fájlt.

Az Kód helyesírás-ellenőrzése most telepíteni kell a bővítményt. Tesztelje egy új Markdown-fájl megnyitásával és hibásan írt szavak beírásával.

hogyan írjunk vállalati profilt
A VSCode állapotsorának jobb alsó része egy jelzővel, amely négy helyesírási hibát mutat.

A kezelőfelület jobb alsó sarkában egy kék kacskaringós vonalat kell látnia a szavak alatt, valamint a hibák számát:

A VSCode settings.json fájl megnyílik egyéni kód hozzáadásával.

Szabja testre az Error Squiggle-t

A helyesírás-ellenőrző bővítmény legnagyobb problémája a gyenge kék szín, amelyet a hibákat azonosító gubancokhoz használnak. Hajlamos beleolvadni a sötét témák hátterébe, és más Markdown elemekhez újra felhasználható.

Megpróbálhatja megváltoztatni egy félkövér piros színűre, ahogy azt a szövegszerkesztőben várná:

  1. Kattintson a fogaskerek ikon a kezelőfelület bal alsó sarkában.
  2. Kattintson Beállítások .
  3. Kattintson munkapad , akkor Megjelenés .
  4. Görgessen le a lehetőséghez Szín testreszabása : A VSCode-ban megnyílt leértékelési dokumentum kirívó elírásokkal, amelyeket erős piros, kacskaringós aláhúzás észlelt.
  5. Kattintson Szerkessze a settings.json fájlban .
  6. Illessze be a következő kódot az új lapon megnyíló szerkesztőbe:
    "editorInfo.foreground": "#ff0000"
    Egy leíró dokumentum megnyílik a VSCode-ban három helyesírási hibával.
  7. és mentse el a fájlt.

Ha most elgépel egy szót, a VSCode élénkvörös siklóval díszíti:

Egy megfelelően formázott HTML-dokumentum megnyílik a VSCode-ban.

A hamis pozitívumok figyelmen kívül hagyása

Előfordulhat, hogy a helyesírás-ellenőrző nem ismer fel bizonyos iparág-specifikus kifejezéseket vagy tulajdonneveket, például a cégneveket. A fenti képernyőképen például a VSCode kiemeli a 'distro' rövidítést, mint elírást.

Ha nem szeretné, hogy ezek a szavak hibának tűnjenek, fel kell venni őket a saját maguk közé Felhasználói beállítások .

telepítse a google play -t a tűzre hd 8
  1. Kattintson a jobb gombbal arra a szóra, amelyet a helyesírás-ellenőrzővel figyelmen kívül kell hagyni.
  2. Felett lebeg Helyesírás és válassza ki Szavak hozzáadása a felhasználói beállításokhoz . ​​​​​Ez a cikk leírófájlként nyílik meg a VSCode-ban az alapértelmezett előnézeti programmal.

Mostantól a helyesírás-ellenőrzés többé nem fogja ezeket a szavakat helytelennek azonosítani:

A VSCode beállításai > Bővítmények > Markdown > Markdown: Stílusok menü.

Telepítse a Markdown másolását HTML-kiterjesztésként

Ezután telepítse a Markdown másolása HTML-ként bővítményt, hogy másolhassa és illessze be a formázott Markdownt.

Letöltés: A Markdown másolása HTML-ként VSCode kiterjesztés (ingyenes)

  1. Kövesse a fenti szakaszok 1–6. lépéseit.
  2. Válaszd a jerriepelser.copy-markdown-as-html-1.1.0.vsix az imént letöltött fájlt.

Most már képesnek kell lennie a Markdown másolására a VSCode-ból, és tiszta HTML-ként beillesztenie egy CMS-be. Ennek teszteléséhez:

  1. Jelöljön ki néhány Markdown szöveget.
  2. Nyissa meg a Parancs paletta ban,-ben Kilátás menüben, vagy a gomb megnyomásával CTRL+Shift+P .
  3. Választ Markdown: Másolás HTML-ként : Ez a cikk leértékelési fájlként nyílik meg a VSCode-ban, a MUO-hoz szabott előnézettel.
  4. Illessze be a kimásolt Markdown-t egy új HTML-fájlba.

Látnia kell, hogy a másolt Markdown megfelelően be lett illesztve HTML-ként:

A VSCode üdvözlőképernyője világos témában.

Az előnézeti ablak testreszabása

Alapértelmezés szerint az előnézeti ablaktábla stílusa megegyezik az aktuális VSCode-téma stílusával.

Ennek a cikknek a leértékelése a VSCode-ban nyílik meg a huacat Office-témájával.

Előfordulhat azonban, hogy az előnézetek jobban tükrözik a tartalom végső célját. Testreszabhatja az előnézeti ablaktáblát, hogy a Markdown úgy nézzen ki, mintha már azon a webhelyen lenne, amelyen közzéteszi.

Bármilyen webhelyet használhat; a következő stílusokat a MUO-ból vettük át. Éppen használja böngészője elemellenőrző eszközét a betűtípusok kereséséhez és válasszon színeket bármelyik webhelyről .

hogyan készítsünk scatter plotet az excelben
  1. Hozzon létre egy új fájlt, és nevezze el valahogy így: ' CustomStyles.css '
  2. Illessze be a következő példa CSS-kódot a fájlba: 
    body { 
      background-color: #fff; 
      color: #2c2c2c; 
      font-family: Roboto; 
      font-size: 18px; 
      font-weight: 400; 
      line-height: 1.7em; 
      max-width: 750px; 
    } 
      
    h1 { 
      font-size: 38px; 
      font-weight: 800; 
    } 
      
    h2 { 
      font-size: 34px; 
      font-weight: 700; 
    } 
      
    h3 { 
      font-size: 24px; 
      font-weight: 700; 
    } 
      
    a { 
      border-bottom: 2px solid #bf0d0b; 
      color: #bf0d0b; 
      font-weight: 700; 
    } 
      
    a:hover { 
      color: #fff; 
      background: #bf0d0b; 
    } 
      
    strong { 
      font-weight: bold; 
    }
  3. és mentse el a fájlt.
  4. Kattintson a fogaskerek ikon a kezelőfelület bal alsó sarkában.
  5. Kattintson Beállítások .
  6. Kattintson Kiterjesztések és akkor Árleszállítás .
  7. Görgessen le a lehetőséghez Markdown: Stílusok és kattintson Tétel hozzáadása .
  8. Írja be a saját útját CustomStyles.css fájl, például: 
    C:\Users\Adam\CustomStyles.css
    Ennek a cikknek a leértékelése a VSCode-ban nyílik meg, az Equinusocio anyag témájával.
  9. Kattintson rendben .

Miután elkészítette ezeket, egy előnézeti panelt kell kapnia, amely nagyon hasonlít ehhez a cikkhez.

Ezeket az értékeket ismét úgy kaptam meg, hogy a böngészőm MUO-n található Elemvizsgálati eszközét használtam, de meg kell találnia az értékeket a saját célwebhelyéhez.

Szerkesztő témák

Az alapértelmezett VSCode téma sötétben és világosban is elérhető, mindegyik nagy kontrasztú verziójával. De mint minden jó kódszerkesztőnek, ilyenek is vannak rengeteg nagyszerű harmadik féltől származó téma áll rendelkezésre .

Ha jobban szereti a szövegszerkesztőt, mint a kódszerkesztőt, akkor a huacat Office témáját ajánlom:

Ha inkább a kódszerkesztőt részesíti előnyben, a gyakori témák, például a Dracula, a Gruvbox, az Material (lásd az alábbi képernyőképet) és a Nord, mind elérhetők a bővítmények piacteréről.

Új téma telepítéséhez:

  1. Kattintson a fogaskerek ikon a kezelőfelület bal alsó sarkában.
  2. Kattintson Kiterjesztések .
  3. Keressen a fent említett témák bármelyikére, vagy egyszerűen szűrje a kategóriát témákat és böngésszen az elérhető kínálatban.

A VSCode az Ultimate Markdown szerkesztő?

Tehát a VSCode a végső Markdown szerkesztő webes tartalomhoz? Kivett, valószínűleg nem. De nagyjából annyira bővíthető, amennyire csak lehet.

A szószámlálók, a helyesírás-ellenőrzők, a Markdown másolása HTML-ként, az előnézeti testreszabások és a témák csak megkarcolják a felszínt. Egy ökoszisztéma tele van kiterjesztésekkel a VSCode-hoz, és szabadon elkészítheti a sajátja.