{"id":78,"date":"2020-10-13T09:06:13","date_gmt":"2020-10-13T07:06:13","guid":{"rendered":"http:\/\/valentin-gratz.xyz\/blog\/?p=78"},"modified":"2026-04-11T22:04:18","modified_gmt":"2026-04-11T20:04:18","slug":"extensions-visual-studio-code-que-je-recommande","status":"publish","type":"post","link":"https:\/\/valentin-gratz.xyz\/blog\/2020\/10\/extensions-visual-studio-code-que-je-recommande\/","title":{"rendered":"Extensions Visual Studio Code que je recommande"},"content":{"rendered":"\n<p>Aujourd&rsquo;hui, je vous pr\u00e9sente quelques extensions que j&rsquo;utilise ou viens de d\u00e9couvrir, qui sont utile pour un bon d\u00e9veloppeur. Tout comme le logiciel \u00ab\u00a0Visual Studio Code\u00a0\u00bb, les extensions pr\u00e9sent\u00e9es sont gratuites.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Mes extensions<\/h1>\n\n\n\n<ul class=\"wp-block-list\"><li>@import-font : pour facilement importer une police d&rsquo;\u00e9criture depuis google font (lien automatique)<\/li><li>Bootstrap 4, fontawesome 4, 5 free et pro snippet (pour int\u00e9grer les fichiers de bootstrap)<\/li><li>HTML Boilerplate (pour la structure html<\/li><li>HTML snippets<\/li><\/ul>\n\n\n\n<h1 class=\"wp-block-heading\">Les extensions dev.to que j&rsquo;aime<\/h1>\n\n\n\n<p>Voici quelques unes des extensions que j&rsquo;ai repris du site, qui, je trouve qu&rsquo;elles sont utile. M\u00eame si je ne les ai pas encore test\u00e9es. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">NPM Intellisense<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--HOLE-QaW--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880\/https:\/\/dev-to-uploads.s3.amazonaws.com\/i\/s005hd6048rc9nq4eb6s.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p>A premi\u00e8re vue, je trouve l&rsquo;extension sympathique pour ne pas faire d&rsquo;erreur de casse quand on code du JavaScript. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Path Intellisense<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--K-Ts4pdR--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880\/https:\/\/dev-to-uploads.s3.amazonaws.com\/i\/22bqyik3xkyiden2hkxl.gif\" alt=\"\" width=\"631\" height=\"355\"\/><\/figure>\n\n\n\n<p>Celle-ci permet simplement d&rsquo;\u00e9crire juste un mot de la balise pour qu&rsquo;elle se mette directement, comme cela, plus de probl\u00e8me de frappe. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Quokka.js<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--JDVWE2sJ--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880\/https:\/\/dev-to-uploads.s3.amazonaws.com\/i\/kl5z1bcfovf077cbyxc3.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p>Cette extension, toujours pour le Javascript est tr\u00e8s utile quand l&rsquo;on veut faire des calcul. Pour moi, c&rsquo;est un peu comme \u00ab\u00a0console.log()\u00a0\u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Live Server<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--tZOFIZ66--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880\/https:\/\/dev-to-uploads.s3.amazonaws.com\/i\/arkvmit72xjn2twc7eaw.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p>Cette extension est bien faite, l&rsquo;\u00e9quivalent du localhost de chez Bracket. Elle permet de visualiser en direct ce que l&rsquo;on code, sans pour autant changer de logiciel entre VSCode et son navigateur. <\/p>\n\n\n\n<p>Source : <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.to\/klamserdev\/vs-code-extensions-i-use-daily-568i\" target=\"_blank\">https:\/\/dev.to\/klamserdev\/vs-code-extensions-i-use-daily-568i<\/a><br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aujourd&rsquo;hui, je vous pr\u00e9sente quelques extensions que j&rsquo;utilise ou viens de d\u00e9couvrir, qui sont utile pour un bon d\u00e9veloppeur. Tout comme le logiciel \u00ab\u00a0Visual Studio Code\u00a0\u00bb, les extensions pr\u00e9sent\u00e9es sont gratuites. Mes extensions @import-font : pour facilement importer une police d&rsquo;\u00e9criture depuis google font (lien automatique) Bootstrap 4, fontawesome 4, 5 free et pro snippet (pour int\u00e9grer les fichiers de bootstrap) HTML Boilerplate (pour la structure html HTML snippets Les extensions dev.to que j&rsquo;aime Voici quelques unes des extensions que&#8230;<\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/valentin-gratz.xyz\/blog\/2020\/10\/extensions-visual-studio-code-que-je-recommande\/\">Lire la suite<span class=\"screen-reader-text\"> Lire la suite<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":92,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[2],"tags":[],"class_list":["post-78","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"_links":{"self":[{"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/posts\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":0,"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/media\/92"}],"wp:attachment":[{"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/valentin-gratz.xyz\/blog\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}