0
votes

comment ajouter des extraits de code personnalisés pour les pages Razor (cshtml) dans VS

Est-il possible d'ajouter des extraits de code personnalisés pour les pages Razor à l'aide du Gestionnaire d'extraits de code dans Visual Studio?

Je peux ajouter des extraits de code HTML, mais je ne trouve le CSHTML nulle part.

J'utilise Visual Studio Community 2019 16.4.1

asp.net-core visual-studio razor

0 commentaires

3 Réponses :

3
votes

En effet, il n'y a pas d'extraits de code Cshtml dédiés. Le code Razor est C # ou VB, donc ces extraits seront valides dans un bloc de code. Pour utiliser ces extraits, vous devez simplement ouvrir un bloc de code:

Tapez @ ou @ (pour ouvrir une instruction explicite
tapez foreach
tapez tab deux fois pour activer l'extrait

Pour modifier les extraits, appuyez sur Ctrl + K , Ctrl + B

2 commentaires

oui cela a fonctionné. la seule chose est que la syntaxe insérée de l'extrait de code commence par @. Mon extrait de code crée une section <! - ->, mais il en résulte maintenant @ <! - ->. existe-t-il un moyen de supprimer le signe @ ou d'activer les extraits d'une autre manière?

cet extrait de code est un extrait de code HTML, n'est-ce pas? pas c#. Si je ne me trompe pas, vous pouvez utiliser ZenCoding pour insérer des commentaires html en appuyant sur c -> tab.

1
votes

Cela a fonctionné pour moi dans Visual Studio 2019

Créez et enregistrez votre fichier XML .snippet. Exemple de modèle:

<CodeSnippet Format="1.1.0">
<Header>
    <Title>NameOfSnippet</Title>
    <Author>YourName</Author>
    <Shortcut>ShortCutName</Shortcut>
    <Description>Description</Description>
    <SnippetTypes>
        <SnippetType>Expansion</SnippetType>
    </SnippetTypes>
</Header>
<Snippet>
    <Declarations>
        <Literal>
            <ID>Id</ID>
            <ToolTip>Please add an ID</ToolTip>
            <Default>REPLACE_ID</Default>
        </Literal>
    </Declarations>
    <Code Language="html"><![CDATA[<div id="$Id$">Example HTML Snippet</div>$end$]]></Code>
</Snippet>

Outils> Gestionnaire d'extraits de code> Liste déroulante des langues: html> Importer
Naviguez vers votre fichier .snippet et ouvrez
Sélectionnez à la fois Mes extraits HTML et HTML

Sélectionnez Terminer et OK
Ouvrez un fichier cshtml et tapez votre ShortCutName> onglet d'appel

Vous devriez voir votre extrait dans le cshtml, puisque le langage est html, et non CSharp, pas besoin d'ouvrir un bloc de code

0 commentaires

0
votes

Lorsque j'essayais de résoudre ce problème, la chose qui manquait dans mon modèle mental était qu'un fichier .cshtml se compose de plusieurs parties qui sont dans leur propre contexte de langue. Par exemple, vous pourriez avoir:

un bloc <style></style> dont le contenu serait css et VS y reconnaîtrait des extraits CSS,
un bloc <script></script> qui a un contenu javascript et VS reconnaîtrait les extraits de code javascript
un bloc @ où vs pourrait reconnaître des extraits CSharp ou Basic
Si vous n'êtes pas dans l'un des autres endroits, les extraits html sont reconnus.

Dans mon cas, je voulais ajouter un extrait de code javascript, mais je pensais que les extraits disponibles étaient directement liés à mon type de fichier, alors j'essayais de les ajouter sous forme d'extraits de code HTML (et j'ai ensuite été déçu de ne pas apparaître dans mon script. marque).

AUSSI, il est important de noter qu'au moins avec VS 2017, vous devrez peut-être redémarrer VS pour que l'éditeur reconnaisse tous les nouveaux extraits.

0 commentaires