<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Vscode on Matteo ZINUTTI</title><link>https://mzinutti.fr/tags/vscode/</link><description>Recent content in Vscode on Matteo ZINUTTI</description><generator>Hugo -- gohugo.io</generator><language>fr-fr</language><lastBuildDate>Mon, 11 May 2026 11:12:28 +0200</lastBuildDate><atom:link href="https://mzinutti.fr/tags/vscode/index.xml" rel="self" type="application/rss+xml"/><item><title>Mon Workflow en markdown</title><link>https://mzinutti.fr/posts/vscode-workflow/</link><pubDate>Thu, 09 Nov 2023 22:56:48 +0000</pubDate><guid>https://mzinutti.fr/posts/vscode-workflow/</guid><description>&lt;img src="https://mzinutti.fr/posts/vscode-workflow/cover.png" alt="Featured image of post Mon Workflow en markdown" /&gt;&lt;h2 id="introduction"&gt;Introduction
&lt;/h2&gt;&lt;p&gt;Le &lt;strong&gt;markdown&lt;/strong&gt; est un langage de balisage créé en 2004, il a pour but d&amp;rsquo;être une syntaxe facile à lire et à écrire. Personnellement je l&amp;rsquo;utilise pour écrire mes cours, prendre des notes ou bien même pour faire les pages de mon portfolio.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="éditeur-de-texte"&gt;Éditeur de texte
&lt;/h2&gt;&lt;p&gt;Comme éditeur de texte autant pour de la programmation, que pour de la prise de notes, j&amp;rsquo;utilise &lt;a class="link" href="https://vscodium.com/" target="_blank" rel="noopener"
 &gt;VSCodium&lt;/a&gt;. C&amp;rsquo;est une alternative à VSCode de &lt;strong&gt;Microsoft&lt;/strong&gt; sauf que tous les trackers sont supprimés et le code source est disponible. Il est même possible de configurer VSCodium pour qu&amp;rsquo;il accède à la marketplace des extensions de Visual Studio Code. Pour ceci, il suffit d&amp;rsquo;ajouter les 4 lignes ci-dessous dans le fichier &lt;code&gt;/usr/share/codium/resources/app/product.json&lt;/code&gt;.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;span class="lnt"&gt;4
&lt;/span&gt;&lt;span class="lnt"&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-json" data-lang="json"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="s2"&gt;&amp;#34;extensionsGallery&amp;#34;&lt;/span&gt;&lt;span class="err"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;serviceUrl&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;https://marketplace.visualstudio.com/_apis/public/gallery&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;cacheUrl&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;https://vscode.blob.core.windows.net/gallery/index&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;itemUrl&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;https://marketplace.visualstudio.com/items&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="err"&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id="mes-extensions"&gt;Mes extensions
&lt;/h3&gt;&lt;p&gt;Pour ce qui est des extensions j&amp;rsquo;en utilise 3 qui me permettent de gagner du temps, d&amp;rsquo;avoir un fichier markdown très lisible et organisé.&lt;/p&gt;
&lt;h4 id="markdown-all-in-one"&gt;Markdown All In One
&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one" target="_blank" rel="noopener"
 &gt;Doc&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Ajouter des shortcuts dans VSCodium (mettre en gras, mettre en italique)&lt;/li&gt;
&lt;li&gt;Créer et mettre à jour le sommaire&lt;/li&gt;
&lt;li&gt;Redimensionner les tableaux&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id="markdown-lint"&gt;Markdown Lint
&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint" target="_blank" rel="noopener"
 &gt;Doc&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Afficher les erreurs de syntaxes&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id="markdown-preview-enhanced"&gt;Markdown Preview Enhanced
&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced" target="_blank" rel="noopener"
 &gt;Doc&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Afficher une preview du fichier markdown (ctrl k + ctrl v)&lt;/li&gt;
&lt;li&gt;Insérer un tableaux dans le fichier&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="fichier-de-configuration"&gt;Fichier de configuration
&lt;/h3&gt;&lt;p&gt;Afin de configurer des actions et des paramètres dans son workflow, il est possible d&amp;rsquo;ajouter un fichier &lt;code&gt;.vscode/settings.json&lt;/code&gt; dans votre workdir. Ici, ce code en json me permet de formater mon fichier avec l&amp;rsquo;extensions markdown all in one à chaque fois que je sauvegarde. De nombreux autres paramètres sont disponibles, tout dépend du besoin de chacun.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;span class="lnt"&gt;4
&lt;/span&gt;&lt;span class="lnt"&gt;5
&lt;/span&gt;&lt;span class="lnt"&gt;6
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-json" data-lang="json"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;[markdown]&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;editor.defaultFormatter&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;yzhang.markdown-all-in-one&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;},&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;editor.formatOnSave&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id="conclusion"&gt;Conclusion
&lt;/h2&gt;&lt;p&gt;Tout ce workflow est donc très utile dans ma rédaction au quotidien, par exemple pour régider cette article ainsi que tout le reste de mon site ! Et me permet donc d&amp;rsquo;avoir des notes très lisible dans n&amp;rsquo;importe quel environnement.&lt;/p&gt;
&lt;p&gt;Le markdown est également le format utilisé dans la documentation de projet (github, gitlab), mais aussi souvent dans les wikis (bookstack, mkdocs).&lt;/p&gt;</description></item></channel></rss>