<commit_before>---
title: Visual Studio Code
color: purple
layout: theme.html
icon: tombstone
icon_width: 238
icon_height: 190
repo: visual-studio-code
---

<img class="preview" src="{{ baseurl }}/assets/img/screenshots/vscode.png" alt="Theme Preview" width="832" height="700">

<div class="instructions">
    <h3><a href="https://code.visualstudio.com/">Visual Studio Code</a></h3>

    <h4>Install using Command Palette</h4>

    <ol>
        <li>Go to <code>View -> Command Palette</code> or press <code>Ctrl+Shift+P</code></li>
        <li>Then enter <code>Install Extension</code></li>
        <li>Write <code>theme-dracula</code></li>
        <li>Select it or press Enter to install</li>
    </ol>

    <h4>Install using Git</h4>

    <p>If you are a git user, you can install the theme and keep up to date by cloning the repo:</p>

    <pre><code>$ git clone https://github.com/dracula/visual-studio-code.git ~/.vscode/extensions/theme-dracula
$ cd ~/.vscode/extensions/theme-dracula
$ npm install
$ npm run build</code></pre>

    <h4>Activating theme</h4>

    <p>Run Visual Studio Code. The Dracula Syntax Theme will be available from <code>File -> Preferences -> Color Theme</code> dropdown menu.</p>

    {{> contributors contributors=visualstudiocode repo=repo }}
</div><commit_msg>Change the text to find it easier (#63)<commit_after>---
title: Visual Studio Code
color: purple
layout: theme.html
icon: tombstone
icon_width: 238
icon_height: 190
repo: visual-studio-code
---

<img class="preview" src="{{ baseurl }}/assets/img/screenshots/vscode.png" alt="Theme Preview" width="832" height="700">

<div class="instructions">
    <h3><a href="https://code.visualstudio.com/">Visual Studio Code</a></h3>

    <h4>Install using Command Palette</h4>

    <ol>
        <li>Go to <code>View -> Command Palette</code> or press <code>Ctrl+Shift+P</code></li>
        <li>Then enter <code>Install Extension</code></li>
        <li>Write <code>Dracula Official</code></li>
        <li>Select it or press Enter to install</li>
    </ol>

    <h4>Install using Git</h4>

    <p>If you are a git user, you can install the theme and keep up to date by cloning the repo:</p>

    <pre><code>$ git clone https://github.com/dracula/visual-studio-code.git ~/.vscode/extensions/theme-dracula
$ cd ~/.vscode/extensions/theme-dracula
$ npm install
$ npm run build</code></pre>

    <h4>Activating theme</h4>

    <p>Run Visual Studio Code. The Dracula Syntax Theme will be available from <code>File -> Preferences -> Color Theme</code> dropdown menu.</p>

    {{> contributors contributors=visualstudiocode repo=repo }}
</div>
{'fraction_non_alphanumeric': 0.15502100038182512, 'fraction_numerical': 0.016036655211912942, 'mean_word_length': 3.7636363636363637, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 93, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5514306', 'n_tokens_mistral': 916, 'n_tokens_neox': 856, 'n_words': 243}