Чи можна додати власні фрагменти коду в Visual Studio Code? А якщо так, то як? VSCode базується на Atom, тому це повинно бути можливим.
Чи можна додати власні фрагменти коду в Visual Studio Code? А якщо так, то як? VSCode базується на Atom, тому це повинно бути можливим.
Відповіді:
Скажімо, ми хочемо відкрити власні фрагменти для мови GO. Тоді ми можемо зробити:
Фрагменти визначаються у форматі JSON і зберігаються у файлі .json кожного користувача (languageId). Наприклад, фрагменти Markdown потрапляють у файл markdown.json.
Оновлення нових інструментів:
Сайт генератора фрагментів: https://snippet-generator.app/
крок - 1 Існує плагін VsCode, який називається: snippet creator ..
Після його встановлення вам потрібно лише:
крок - 2 перевірте цей веб-сайт . Ви можете створювати фрагменти для коду проти, піднесеного тексту та атома.
Після створення фрагмента на цьому сайті. Перейдіть до відповідного файлу коду IDE та вставте той самий. Наприклад, для фрагмента JS у коді VS перейдіть до Файл-> налаштування-> фрагмент користувача, тоді він відкриє файл javascript.json, потім вставте код фрагмента зверху сайту всередину цього, і ми готові піти.
Починаючи з версії 0.10.6, ви можете додавати власні фрагменти. Прочитайте документацію щодо створення власних фрагментів . Ви можете знайти / створити власні фрагменти, розмістивши файл json в C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets
. Наприклад, спеціальні фрагменти JavaScript будуть у форматі\snippets\javascript.json
Ви також можете публікувати свої фрагменти, що також є дійсно акуратною функцією. Джон Папа створив приємний фрагмент angular + typecript, який ви можете завантажити як розширення на ринку .
Ось приклад фрагмента, взятого для документації на цикл javascript for:
"For Loop": {
"prefix": "for",
"body": [
"for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
"\tvar ${element} = ${array}[${index}];",
"\t$0",
"}"
],
"description": "For Loop"
},
Де
For Loop
- це назва фрагмента prefix
визначає префікс, який використовується у спадному меню IntelliSense. У цьому випадку для.body
- це вміст фрагмента. Можливі змінні:
description
- це опис, використаний у спадному меню IntelliSenseВи можете переглянути це відео для короткого короткого підручника
Перейдіть до Файл -> Налаштування -> Фрагменти користувачів . Виберіть бажану мову.
Тепер введіть такий код, щоб створити фрагмент циклу for:
"Create for loop":{
"prefix": "for",
"body":[
"for(int i = 0; i < 10; i++)",
"{",
" //code goes here",
"}"
],
"description": "Creates a for loop"
}
Ви закінчили.
Введіть "для" у редакторі та використовуйте перше передбачення.
SHORTCUT--
Сподіваюся, це допомагає :)
Примітка: перейдіть до Файл-> Налаштування-> Фрагменти користувача. Потім виберіть мову, якою ви
створили фрагмент. Ви знайдете там фрагмент.
Існує плагін VsCode, який називається: snippet creator ..
Після його встановлення вам потрібно лише:
Це все ..
Примітка: якщо ви хочете редагувати свої фрагменти, ви знайдете їх у [fileType] .json
Приклад: Ctrl+ P, а потім виберіть "javascript.json"
Ви можете додати власні сценарії, перейдіть до File --> Preferences --> User Snippets
. Виберіть бажану мову.
Якщо ви виберете Javascript, ви побачите спеціальний сценарій за замовчуванням, console.log(' ');
наприклад:
"Print to console": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
},
Я спробував, додавши фрагменти в javascriptreact.json, але це не спрацювало для мене.
Я спробував додати фрагменти до глобальної області, і це працює як шарм.
FILE --> Preferences --> User snippets
тут виберіть New Global Snippets File
, дайте ім'я javas criptreact.code-snippets
.
Для інших мов ви можете назвати, наприклад, [your_longuage] .code-snippets
Наразі це недокументована функція, але незабаром. Є папка, до якої ви можете їх додати, і вони з’являться, але вона може змінитися (вона не має документальної причини).
Найкраща порада - додати це на сайт uservoice і почекати, поки його остаточний результат не з’явиться. Але воно наближається.
VSCode вводить це у версії 0.5, дивіться тут . Синтаксис фрагмента слідує синтаксису фрагмента TextMate і може писати в налаштуваннях користувача.
Якщо ви не хочете займатися написанням своїх фрагментів у JSON, перегляньте Snipster . Це дозволяє писати фрагменти, як і сам код - не потрібно обертати кожен рядок у лапки, уникати символів, додавати метаінформацію тощо.
Це також дозволяє писати один раз, публікувати де завгодно . Тож ви зможете використовувати свій фрагмент у VS Code, Atom та Sublime, а також у майбутньому в інших редакторах. Більше інформації тут .
Це може бути не справжньою відповіддю (як деякі відповіли вище), але якщо ви зацікавлені у створенні власних фрагментів коду для інших людей, ви можете створити розширення, використовуючи yeoman і npm (який за замовчуванням поставляється разом з NodeJS). ПРИМІТКА: Це лише для створення фрагментів для інших систем. Але це теж працює для вас! Крім того, що вам потрібен код JS для цілого.