Skip to content

Instantly share code, notes, and snippets.

@beatrizsmerino
Last active February 7, 2024 12:53
Show Gist options
  • Save beatrizsmerino/6f66a01ad8e975833e678a18b6999d27 to your computer and use it in GitHub Desktop.
Save beatrizsmerino/6f66a01ad8e975833e678a18b6999d27 to your computer and use it in GitHub Desktop.
Extensions of Visual Studio Code

Como exportar e instalar extensiones de Visual Studio Code (VSC)

Para generar el archivo extensions.json con las extensiones que tienes instaladas en Visual Studio Code, necesitas ejecutar los siguientes pasos:

1. Crear una lista de las extensiones instaladas en un archivo txt

Abre una Terminal y ejecuta el siguiente comando, para crear el archivo extensions.txt en la ubicación actual de la Terminal:

code --list-extensions > extensions.txt

Abre este archivo extensions.txt y asegúrate de que contiene la lista completa de las extensiones que deseas incluir.

2. Crear una lista de las extensiones instaladas en un archivo sh y reinstalarlas

Ejecuta el siguiente comando para crear el archivo extensions-to-install.sh en la ubicación actual de la Terminal:

code --list-extensions | xargs -L 1 echo code --install-extension > extensions-to-install.sh

Abre el archivo extensions-to-install.sh y verifica que cada línea comience con code --install-extension.

Ejecuta el archivo extensions-to-install.sh para instalar todas las extensiones en Visual Studio Code con el siguiente comando:

sh ./extensions-to-install.sh

O también puedes hacer todo en un solo paso con el siguiente comando, creando el archivo extensions.sh a partir del archivo extensions.txt, y ejecutando extensions.sh al instante para instalar todas las extensiones.

cat extensions.txt | xargs -L 1 echo code --install-extension >> extensions-to-install.sh && chmod +x extensions-to-install.sh && ./extensions-to-install.sh

3. Ver una lista de las extensiones instaladas en la terminal

Una vez que se hayan instalado todas las extensiones, puedes ejecutar el siguiente comando para ver las extensiones que tienes instaladas con su número de versión:

code --list-extensions --show-versions > extensions-installed.txt

Puedes ver un ejemplo en el archivo extensions-installed.txt de este Gist.

4. Generar un archivo json con las extensiones recomendadas para el proyecto

Puedes generar automáticamente el archivo extensions.json en Visual Studio Code (VSC) utilizando el siguiente comando:

echo '{\n  "recommendations": [' > .vscode/extensions.json && code --list-extensions | sed 's/^/    "/' | sed 's/$/",/' >> .vscode/extensions.json && echo '  ]\n}' >> .vscode/extensions.json

En el archivo extensions.json de la carpeta .vscode de tu proyecto encontrarás las extensiones instaladas actualmente. Aquí está un ejemplo de como debería verse el contenido del archivo extensions.json para Nuxt 2:

{
  "recommendations": [
    "octref.vetur",
    "dbaeumer.vscode-eslint",
    "stylelint.vscode-stylelint"
 ]
}

Recomendaciones a instalar para Visual Studio Code (VSC)

Programas

Fuentes tipográficas

Lista de extensiones

aaron-bond.better-comments@3.0.2
alefragnani.Bookmarks@13.3.1
alefragnani.project-manager@12.7.0
antfu.browse-lite@0.3.1
antfu.iconify@0.5.1
antfu.vite@0.2.5
ardenivanov.svelte-intellisense@0.7.1
Asuka.insertnumbers@0.9.1
AykutSarac.jsoncrack-vscode@1.0.8
bengreenier.vscode-node-readme@3.0.2
bibhasdn.git-easy@1.11.0
bierner.emojisense@0.9.1
bierner.markdown-preview-github-styles@1.0.1
bmewburn.vscode-intelephense-client@1.9.5
bradlc.vscode-tailwindcss@0.9.8
buenon.scratchpads@1.0.0
christian-kohler.npm-intellisense@1.4.4
christian-kohler.path-intellisense@2.8.4
codemooseus.vscode-devtools-for-chrome@0.0.7
codezombiech.gitignore@0.9.0
csstools.postcss@1.0.9
cweijan.vscode-mysql-client2@6.2.7
DavidAnson.vscode-markdownlint@0.49.0
dbaeumer.vscode-eslint@2.4.0
dennisvhest.npm-browser@1.1.4
dkundel.vscode-npm-source@1.0.0
donjayamanne.githistory@0.6.20
donjayamanne.jquerysnippets@0.0.1
DotJoshJohnson.xml@2.5.1
dracula-theme.theme-dracula@2.24.2
eamodio.gitlens@13.4.0
EditorConfig.EditorConfig@0.16.4
esbenp.prettier-vscode@9.10.4
fabiospampinato.vscode-open-in-npm@1.0.4
file-icons.file-icons@1.0.29
formulahendry.auto-close-tag@0.5.14
formulahendry.auto-rename-tag@0.1.10
gencay.vscode-chatgpt@3.9.7
ginfuru.ginfuru-better-solarized-dark-theme@0.9.5
GitHub.copilot@1.78.9758
GitHub.vscode-pull-request-github@0.60.0
glenn2223.live-sass@6.0.3
GregorBiswanger.json2ts@0.0.6
Gruntfuggly.todo-tree@0.0.224
hediet.vscode-drawio@1.6.6
hollowtree.vue-snippets@1.0.4
humao.rest-client@0.25.1
hwencc.html-tag-wrapper@0.2.3
ishiyama.vuejs-peek@0.0.3
jasonnutter.search-node-modules@1.3.0
jmsv.JavaScriptSnippetsStandard@1.8.0
kamikillerto.vscode-colorize@0.11.1
kimlimjustin.jsdoc-generator@0.0.4
kisstkondoros.vscode-gutter-preview@0.30.0
kokororin.vscode-phpfmt@1.0.31
liamhammett.inline-parameters@0.2.1
lmcarreiro.vscode-smart-column-indenter@0.0.13
mariorodeghiero.vue-theme@2.0.2
marp-team.marp-vscode@2.5.0
mechatroner.rainbow-csv@3.5.1
mgmcdermott.vscode-language-babel@0.0.37
mhutchie.git-graph@1.30.0
mikestead.dotenv@1.0.1
moalamri.inline-fold@0.2.3
MohitPadhye.figextension@0.0.1
mrmlnc.vscode-scss@0.10.0
MS-CEINTL.vscode-language-pack-es@1.76.2023031509
ms-dotnettools.csharp@1.25.4
ms-vscode.live-server@0.4.7
ms-vscode.vscode-typescript-next@5.1.20230317
ms-vsliveshare.vsliveshare@1.0.5834
naumovs.color-highlight@2.5.0
nmsmith89.incrementor@1.0.3
octref.vetur@0.37.3
oderwat.indent-rainbow@8.3.1
Orta.vscode-jest@5.2.3
PKief.material-icon-theme@4.25.0
pmneo.tsimporter@2.0.1
pranaygp.vscode-css-peek@4.2.0
quicktype.quicktype@12.0.46
rangav.vscode-thunder-client@2.5.1
RapidAPI.vscode-rapidapi-client@1.9.3
richie5um2.vscode-sort-json@1.20.0
ritwickdey.LiveServer@5.7.9
ruakr.ftp-kr@1.4.4
sdras.vue-vscode-snippets@3.1.1
shardulm94.trailing-spaces@0.4.1
standard.vscode-standard@2.1.3
stylelint.vscode-stylelint@1.2.4
svelte.svelte-vscode@107.2.5
stringham.move-ts@1.12.0
syler.sass-indented@1.8.26
techer.open-in-browser@2.0.0
toba.vsfire@1.4.1
VisualStudioExptTeam.intellicode-api-usage-examples@0.2.7
VisualStudioExptTeam.vscodeintellicode@1.2.30
vscode-icons-team.vscode-icons@12.2.0
Vue.volar@1.2.0
Vue.vscode-typescript-vue-plugin@1.2.0
WakaTime.vscode-wakatime@24.0.7
wayou.vscode-todo-highlight@1.0.5
wix.vscode-import-cost@3.3.0
xabikos.JavaScriptSnippets@1.8.0
xdebug.php-debug@1.32.0
yzhang.markdown-all-in-one@3.5.0
Zignd.html-css-class-completion@1.20.0
ZixuanChen.vitest-explorer@0.2.39
zobo.php-intellisense@1.1.2
code --install-extension aaron-bond.better-comments
code --install-extension alefragnani.Bookmarks
code --install-extension alefragnani.project-manager
code --install-extension antfu.browse-lite
code --install-extension antfu.iconify
code --install-extension antfu.vite
code --install-extension ardenivanov.svelte-intellisense
code --install-extension Asuka.insertnumbers
code --install-extension AykutSarac.jsoncrack-vscode
code --install-extension bengreenier.vscode-node-readme
code --install-extension bibhasdn.git-easy
code --install-extension bierner.emojisense
code --install-extension bierner.markdown-preview-github-styles
code --install-extension bmewburn.vscode-intelephense-client
code --install-extension bradlc.vscode-tailwindcss
code --install-extension buenon.scratchpads
code --install-extension christian-kohler.npm-intellisense
code --install-extension christian-kohler.path-intellisense
code --install-extension codemooseus.vscode-devtools-for-chrome
code --install-extension codezombiech.gitignore
code --install-extension csstools.postcss
code --install-extension cweijan.vscode-mysql-client2
code --install-extension DavidAnson.vscode-markdownlint
code --install-extension dbaeumer.vscode-eslint
code --install-extension dennisvhest.npm-browser
code --install-extension dkundel.vscode-npm-source
code --install-extension donjayamanne.githistory
code --install-extension donjayamanne.jquerysnippets
code --install-extension DotJoshJohnson.xml
code --install-extension dracula-theme.theme-dracula
code --install-extension eamodio.gitlens
code --install-extension EditorConfig.EditorConfig
code --install-extension esbenp.prettier-vscode
code --install-extension fabiospampinato.vscode-open-in-npm
code --install-extension file-icons.file-icons
code --install-extension formulahendry.auto-close-tag
code --install-extension formulahendry.auto-rename-tag
code --install-extension gencay.vscode-chatgpt
code --install-extension ginfuru.ginfuru-better-solarized-dark-theme
code --install-extension GitHub.copilot
code --install-extension GitHub.vscode-pull-request-github
code --install-extension glenn2223.live-sass
code --install-extension GregorBiswanger.json2ts
code --install-extension Gruntfuggly.todo-tree
code --install-extension hediet.vscode-drawio
code --install-extension hollowtree.vue-snippets
code --install-extension humao.rest-client
code --install-extension hwencc.html-tag-wrapper
code --install-extension ishiyama.vuejs-peek
code --install-extension jasonnutter.search-node-modules
code --install-extension jmsv.JavaScriptSnippetsStandard
code --install-extension kamikillerto.vscode-colorize
code --install-extension kimlimjustin.jsdoc-generator
code --install-extension kisstkondoros.vscode-gutter-preview
code --install-extension kokororin.vscode-phpfmt
code --install-extension liamhammett.inline-parameters
code --install-extension lmcarreiro.vscode-smart-column-indenter
code --install-extension mariorodeghiero.vue-theme
code --install-extension marp-team.marp-vscode
code --install-extension mechatroner.rainbow-csv
code --install-extension mgmcdermott.vscode-language-babel
code --install-extension mhutchie.git-graph
code --install-extension mikestead.dotenv
code --install-extension moalamri.inline-fold
code --install-extension MohitPadhye.figextension
code --install-extension mrmlnc.vscode-scss
code --install-extension MS-CEINTL.vscode-language-pack-es
code --install-extension ms-dotnettools.csharp
code --install-extension ms-vscode.live-server
code --install-extension ms-vscode.vscode-typescript-next
code --install-extension ms-vsliveshare.vsliveshare
code --install-extension naumovs.color-highlight
code --install-extension nmsmith89.incrementor
code --install-extension octref.vetur
code --install-extension oderwat.indent-rainbow
code --install-extension Orta.vscode-jest
code --install-extension PKief.material-icon-theme
code --install-extension pmneo.tsimporter
code --install-extension pranaygp.vscode-css-peek
code --install-extension quicktype.quicktype
code --install-extension rangav.vscode-thunder-client
code --install-extension RapidAPI.vscode-rapidapi-client
code --install-extension richie5um2.vscode-sort-json
code --install-extension ritwickdey.LiveServer
code --install-extension ruakr.ftp-kr
code --install-extension sdras.vue-vscode-snippets
code --install-extension shardulm94.trailing-spaces
code --install-extension standard.vscode-standard
code --install-extension stylelint.vscode-stylelint
code --install-extension svelte.svelte-vscode
code --install-extension stringham.move-ts
code --install-extension syler.sass-indented
code --install-extension techer.open-in-browser
code --install-extension toba.vsfire
code --install-extension VisualStudioExptTeam.intellicode-api-usage-examples
code --install-extension VisualStudioExptTeam.vscodeintellicode
code --install-extension vscode-icons-team.vscode-icons
code --install-extension Vue.volar
code --install-extension Vue.vscode-typescript-vue-plugin
code --install-extension WakaTime.vscode-wakatime
code --install-extension wayou.vscode-todo-highlight
code --install-extension wix.vscode-import-cost
code --install-extension xabikos.JavaScriptSnippets
code --install-extension xdebug.php-debug
code --install-extension yzhang.markdown-all-in-one
code --install-extension Zignd.html-css-class-completion
code --install-extension ZixuanChen.vitest-explorer
code --install-extension zobo.php-intellisense
{
"recommendations": [
"aaron-bond.better-comments",
"alefragnani.Bookmarks",
"alefragnani.project-manager",
"antfu.browse-lite",
"antfu.iconify",
"antfu.vite",
"ardenivanov.svelte-intellisense",
"Asuka.insertnumbers",
"AykutSarac.jsoncrack-vscode",
"bengreenier.vscode-node-readme",
"bibhasdn.git-easy",
"bierner.emojisense",
"bierner.markdown-preview-github-styles",
"bmewburn.vscode-intelephense-client",
"bradlc.vscode-tailwindcss",
"buenon.scratchpads",
"christian-kohler.npm-intellisense",
"christian-kohler.path-intellisense",
"codemooseus.vscode-devtools-for-chrome",
"codezombiech.gitignore",
"csstools.postcss",
"cweijan.vscode-mysql-client2",
"DavidAnson.vscode-markdownlint",
"dbaeumer.vscode-eslint",
"dennisvhest.npm-browser",
"dkundel.vscode-npm-source",
"donjayamanne.githistory",
"donjayamanne.jquerysnippets",
"DotJoshJohnson.xml",
"dracula-theme.theme-dracula",
"eamodio.gitlens",
"EditorConfig.EditorConfig",
"esbenp.prettier-vscode",
"fabiospampinato.vscode-open-in-npm",
"file-icons.file-icons",
"formulahendry.auto-close-tag",
"formulahendry.auto-rename-tag",
"gencay.vscode-chatgpt",
"ginfuru.ginfuru-better-solarized-dark-theme",
"GitHub.copilot",
"GitHub.vscode-pull-request-github",
"glenn2223.live-sass",
"GregorBiswanger.json2ts",
"Gruntfuggly.todo-tree",
"hediet.vscode-drawio",
"hollowtree.vue-snippets",
"humao.rest-client",
"hwencc.html-tag-wrapper",
"ishiyama.vuejs-peek",
"jasonnutter.search-node-modules",
"jmsv.JavaScriptSnippetsStandard",
"kamikillerto.vscode-colorize",
"kimlimjustin.jsdoc-generator",
"kisstkondoros.vscode-gutter-preview",
"kokororin.vscode-phpfmt",
"liamhammett.inline-parameters",
"lmcarreiro.vscode-smart-column-indenter",
"mariorodeghiero.vue-theme",
"marp-team.marp-vscode",
"mechatroner.rainbow-csv",
"mgmcdermott.vscode-language-babel",
"mhutchie.git-graph",
"mikestead.dotenv",
"moalamri.inline-fold",
"MohitPadhye.figextension",
"mrmlnc.vscode-scss",
"MS-CEINTL.vscode-language-pack-es",
"ms-dotnettools.csharp",
"ms-vscode.live-server",
"ms-vscode.vscode-typescript-next",
"ms-vsliveshare.vsliveshare",
"naumovs.color-highlight",
"nmsmith89.incrementor",
"octref.vetur",
"oderwat.indent-rainbow",
"Orta.vscode-jest",
"PKief.material-icon-theme",
"pmneo.tsimporter",
"pranaygp.vscode-css-peek",
"quicktype.quicktype",
"rangav.vscode-thunder-client",
"RapidAPI.vscode-rapidapi-client",
"richie5um2.vscode-sort-json",
"ritwickdey.LiveServer",
"ruakr.ftp-kr",
"sdras.vue-vscode-snippets",
"shardulm94.trailing-spaces",
"standard.vscode-standard",
"stylelint.vscode-stylelint",
"svelte.svelte-vscode",
"stringham.move-ts",
"syler.sass-indented",
"techer.open-in-browser",
"toba.vsfire",
"VisualStudioExptTeam.intellicode-api-usage-examples",
"VisualStudioExptTeam.vscodeintellicode",
"vscode-icons-team.vscode-icons",
"Vue.volar",
"Vue.vscode-typescript-vue-plugin",
"WakaTime.vscode-wakatime",
"wayou.vscode-todo-highlight",
"wix.vscode-import-cost",
"xabikos.JavaScriptSnippets",
"xdebug.php-debug",
"yzhang.markdown-all-in-one",
"Zignd.html-css-class-completion",
"ZixuanChen.vitest-explorer",
"zobo.php-intellisense",
]
}
aaron-bond.better-comments
alefragnani.Bookmarks
alefragnani.project-manager
antfu.browse-lite
antfu.iconify
antfu.vite
ardenivanov.svelte-intellisense
Asuka.insertnumbers
AykutSarac.jsoncrack-vscode
bengreenier.vscode-node-readme
bibhasdn.git-easy
bierner.emojisense
bierner.markdown-preview-github-styles
bmewburn.vscode-intelephense-client
bradlc.vscode-tailwindcss
buenon.scratchpads
christian-kohler.npm-intellisense
christian-kohler.path-intellisense
codemooseus.vscode-devtools-for-chrome
codezombiech.gitignore
csstools.postcss
cweijan.vscode-mysql-client2
DavidAnson.vscode-markdownlint
dbaeumer.vscode-eslint
dennisvhest.npm-browser
dkundel.vscode-npm-source
donjayamanne.githistory
donjayamanne.jquerysnippets
DotJoshJohnson.xml
dracula-theme.theme-dracula
eamodio.gitlens
EditorConfig.EditorConfig
esbenp.prettier-vscode
fabiospampinato.vscode-open-in-npm
file-icons.file-icons
formulahendry.auto-close-tag
formulahendry.auto-rename-tag
gencay.vscode-chatgpt
ginfuru.ginfuru-better-solarized-dark-theme
GitHub.copilot
GitHub.vscode-pull-request-github
glenn2223.live-sass
GregorBiswanger.json2ts
Gruntfuggly.todo-tree
hediet.vscode-drawio
hollowtree.vue-snippets
humao.rest-client
hwencc.html-tag-wrapper
ishiyama.vuejs-peek
jasonnutter.search-node-modules
jmsv.JavaScriptSnippetsStandard
kamikillerto.vscode-colorize
kimlimjustin.jsdoc-generator
kisstkondoros.vscode-gutter-preview
kokororin.vscode-phpfmt
liamhammett.inline-parameters
lmcarreiro.vscode-smart-column-indenter
mariorodeghiero.vue-theme
marp-team.marp-vscode
mechatroner.rainbow-csv
mgmcdermott.vscode-language-babel
mhutchie.git-graph
mikestead.dotenv
moalamri.inline-fold
MohitPadhye.figextension
mrmlnc.vscode-scss
MS-CEINTL.vscode-language-pack-es
ms-dotnettools.csharp
ms-vscode.live-server
ms-vscode.vscode-typescript-next
ms-vsliveshare.vsliveshare
naumovs.color-highlight
nmsmith89.incrementor
octref.vetur
oderwat.indent-rainbow
Orta.vscode-jest
PKief.material-icon-theme
pmneo.tsimporter
pranaygp.vscode-css-peek
quicktype.quicktype
rangav.vscode-thunder-client
RapidAPI.vscode-rapidapi-client
richie5um2.vscode-sort-json
ritwickdey.LiveServer
ruakr.ftp-kr
sdras.vue-vscode-snippets
shardulm94.trailing-spaces
standard.vscode-standard
stylelint.vscode-stylelint
svelte.svelte-vscode
stringham.move-ts
syler.sass-indented
techer.open-in-browser
toba.vsfire
VisualStudioExptTeam.intellicode-api-usage-examples
VisualStudioExptTeam.vscodeintellicode
vscode-icons-team.vscode-icons
Vue.volar
Vue.vscode-typescript-vue-plugin
WakaTime.vscode-wakatime
wayou.vscode-todo-highlight
wix.vscode-import-cost
xabikos.JavaScriptSnippets
xdebug.php-debug
yzhang.markdown-all-in-one
Zignd.html-css-class-completion
ZixuanChen.vitest-explorer
zobo.php-intellisense
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment