Jak dodać niestandardowe fragmenty kodu w VSCode?

Czy można dodać niestandardowe fragmenty kodu w Visual Studio Code? A jeśli tak, to w jaki sposób? VSCode jest oparty na Atom, więc powinno być możliwe.

1. Naciśnij> shift+ command+ pi wpisz fragmenty
2. Wybierz Preferencje: Otwórz fragmenty użytkownika
3. Wybierz typ języka, dla którego chcesz dodać niestandardowy fragment kodu
4. vscode zawiera komentarze wyjaśniające, jak dodać fragment, zgodnie z opisem:> vsdoc

Powiedzmy, że chcemy otworzyć niestandardowe fragmenty dla języka GO. Wtedy możemy zrobić:

1. Hit> command+p
2. Wpisz: go.json + enterI wylądujesz na stronie z niestandardowym fragmentem kodu

Fragmenty są zdefiniowane w formacie JSON i przechowywane w pliku na użytkownika (languageId) .json. Na przykład fragmenty Markdown znajdują się w pliku markdown.json.

Zaktualizuj nowe narzędzia:
Witryna generatora fragmentów: https://snippet-generator.app/

opcja - 1 Jest wtyczka VsCode o nazwie: snippet creator ..

Po zainstalowaniu wystarczy:

1. Wybierz kod, który chcesz przekształcić w fragment.
2. Kliknij go prawym przyciskiem myszy i wybierz „Paleta poleceń” (lub Ctrl+ Shift+ P).
3. Napisz „Utwórz fragment”.
4. Wybierz typ plików, które mają być oglądane, aby uruchomić skrót do fragmentu.
5. Wybierz skrót do fragmentu.
6. Wybierz nazwę fragmentu.

opcja - 2 sprawdź tę stronę . możesz generować fragmenty kodu VS, wysublimowanego tekstu i atomu.

Po wygenerowaniu fragmentu kodu w tej witrynie. Przejdź do odpowiedniego pliku fragmentu IDE i wklej to samo. Na przykład dla fragmentu kodu JS w kodzie VS przejdź do Plik-> preferencje-> fragment kodu użytkownika, a następnie otwiera plik javascript.json, a następnie wklej kod fragmentu z powyższej witryny do tego i jesteśmy gotowi do pracy.

Od wersji 0.10.6 można dodawać niestandardowe fragmenty. Przeczytaj dokumentację dotyczącą tworzenia własnych fragmentów . Możesz znaleźć / utworzyć niestandardowe skrawki, umieszczając plik json w C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets. Na przykład niestandardowe fragmenty kodu JavaScript będą znajdować się w pliku\snippets\javascript.json

Możesz także publikować fragmenty, co jest również bardzo fajną funkcją. John Papa stworzył ładny, kątowy + fragment maszynopisu, który można pobrać jako rozszerzenie na rynku .

Oto przykładowy fragment pobrany dla dokumentacji pętli javascript for:

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},

Gdzie

• For Loop to nazwa fragmentu
• prefixdefiniuje prefiks używany w menu rozwijanym IntelliSense. W tym przypadku dla.
• bodyto treść fragmentu. Możliwe zmienne to:
  • 1 $, 2 $ za tabulatory
  • $ {id} i $ {id: label} i $ {1: label} dla zmiennych
  • Zmienne o tym samym identyfikatorze są połączone.
• description to opis używany w menu rozwijanym IntelliSense

Możesz obejrzeć ten film, aby obejrzeć krótki samouczek

https://youtu.be/g1ouTcFxQSU

Przejdź do Plik -> Preferencje -> Fragmenty użytkownika . Wybierz preferowany język.
Teraz wpisz następujący kod, aby utworzyć fragment pętli for:

  "Create for loop":{
    "prefix": "for",
    "body":[
      "for(int i = 0; i < 10; i++)",
      "{",
      "   //code goes here",
      "}"
    ],
   "description": "Creates a for loop"
  }

Skończyłeś.
Wpisz „dla” w edytorze i użyj pierwszej prognozy.

SKRÓT--

1. zainstaluj rozszerzenie Snippet-creator .
   
2. Podświetl kod, którego potrzebujesz, aby utworzyć fragment.
   
3. naciśnij ctrl+ shift+ Pi wpisz „Utwórz fragment” na palecie poleceń i naciśnij ENTER.
   
4. wybierz język, dla którego chcesz utworzyć fragment kodu (np .: -CPP), a następnie wpisz
   nazwę fragmentu, wpisz skrót fragmentu kodu, a następnie wpisz opis fragmentu.
   Jesteś teraz gotowy do pracy.
   Wpisz skrót fragmentu kodu w edytorze wprowadzonym w kroku 4 i wybierz
   prognozę (jeśli nie pojawi się żadna prognoza, naciśnij Ctrl + spacja), która jest pierwsza.
   

Mam nadzieję że to pomoże :)

Uwaga: goto File-> Preferences-> User Snippets. Następnie wybierz język, w którym
utworzyłeś fragment. Znajdziesz tam fragment.

Istnieje wtyczka VsCode o nazwie: snippet creator ..

Po zainstalowaniu wystarczy:

1. Wybierz kod, który chcesz przekształcić w fragment.
2. Kliknij go prawym przyciskiem myszy i wybierz „Paleta poleceń” (lub Ctrl+ Shift+ P).
3. Napisz „Utwórz fragment”.
4. Wybierz typ plików, które mają być oglądane, aby uruchomić skrót do fragmentu.
5. Wybierz skrót do fragmentu.
6. Wybierz nazwę fragmentu.

To wszystko ..

Uwaga: jeśli chcesz edytować swoje fragmenty, znajdziesz je w [fileType] .json
Przykład: Ctrl+ P, a następnie wybierz „javascript.json”

Możesz dodać niestandardowe skrypty, przejdź do File --> Preferences --> User Snippets. Wybierz preferowany język.

Jeśli wybierzesz Javascript, możesz zobaczyć domyślny skrypt niestandardowy console.log(' ');:

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
},

Próbowałem, dodając fragmenty w javascriptreact.json, ale to nie zadziałało.

Próbowałem dodać fragmenty do zakresu globalnego i działa to jak urok.

FILE --> Preferences --> User snippets

tutaj wybierz New Global Snippets File, podaj nazwę javas criptreact.code-snippets.

W przypadku innych języków możesz nazwać, na przykład [your_longuage] .code-snippets

Na razie jest to nieudokumentowana funkcja, ale wkrótce się pojawi. Istnieje folder, do którego możesz je dodać i będą się pojawiać, ale może się zmienić (z jakiegoś powodu nie jest udokumentowany).

Najlepszą radą jest dodanie tego do witryny z wyborem użytkownika i poczekanie, aż wersja ostateczna. Ale to nadchodzi.

VSCode wprowadza to w wersji 0.5, patrz tutaj . Składnia fragmentu jest zgodna ze składnią fragmentu TextMate i można ją pisać w Preferencjach użytkownika.

Jeśli wolisz nie zajmować się pisaniem fragmentów w formacie JSON, sprawdź Snipster . Umożliwia pisanie fragmentów w taki sam sposób, jak sam kod - bez konieczności zawijania każdego wiersza w cudzysłów, znaków ucieczki, dodawania metadanych itp.

Pozwala także pisać raz, publikować w dowolnym miejscu . Możesz więc użyć swojego fragmentu w VS Code, Atom i Sublime, a także w innych edytorach w przyszłości. Więcej informacji tutaj .

To może nie być prawdziwa odpowiedź (jak niektórzy odpowiedzieli powyżej), ale jeśli jesteś zainteresowany tworzeniem niestandardowych fragmentów kodu dla innych osób, możesz tworzyć rozszerzenia za pomocą yeoman i npm (które domyślnie są dostarczane wraz z NodeJS). UWAGA: To jest tylko do tworzenia fragmentów dla innych systemów. Ale działa również dla Ciebie! Z wyjątkiem tego, że do całości potrzebujesz kodu JS.