VS Code: Plugin to automatically close scss declarations and add comments referring to selector












0















I'm looking for a plugin that will automatically close brackets and put a comment like this :



.my-class{
css code
} // /.my-class


or



label{
code
}// /label


Is it possible to find something like that?










share|improve this question

























  • stackoverflow.com/help/on-topic You can also access this page by clicking the (?) at the top right of the page, then "Help Center", then it's the first link of the summary at the top left.

    – Mathieu CAROFF
    Nov 13 '18 at 13:44











  • I don't understand your answer ? What do you mean ?

    – Syneria Fana
    Nov 13 '18 at 13:49











  • (4) "Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource" I just don't want to report your question as off-topic, but I think you should close your question and re-open it on softwarerecs.stackexchange.com

    – Mathieu CAROFF
    Nov 13 '18 at 13:51











  • Ok thanks, sorry for this

    – Syneria Fana
    Nov 13 '18 at 14:04











  • You could do that with snippets.

    – Mark
    Nov 13 '18 at 17:44
















0















I'm looking for a plugin that will automatically close brackets and put a comment like this :



.my-class{
css code
} // /.my-class


or



label{
code
}// /label


Is it possible to find something like that?










share|improve this question

























  • stackoverflow.com/help/on-topic You can also access this page by clicking the (?) at the top right of the page, then "Help Center", then it's the first link of the summary at the top left.

    – Mathieu CAROFF
    Nov 13 '18 at 13:44











  • I don't understand your answer ? What do you mean ?

    – Syneria Fana
    Nov 13 '18 at 13:49











  • (4) "Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource" I just don't want to report your question as off-topic, but I think you should close your question and re-open it on softwarerecs.stackexchange.com

    – Mathieu CAROFF
    Nov 13 '18 at 13:51











  • Ok thanks, sorry for this

    – Syneria Fana
    Nov 13 '18 at 14:04











  • You could do that with snippets.

    – Mark
    Nov 13 '18 at 17:44














0












0








0








I'm looking for a plugin that will automatically close brackets and put a comment like this :



.my-class{
css code
} // /.my-class


or



label{
code
}// /label


Is it possible to find something like that?










share|improve this question
















I'm looking for a plugin that will automatically close brackets and put a comment like this :



.my-class{
css code
} // /.my-class


or



label{
code
}// /label


Is it possible to find something like that?







plugins visual-studio-code






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 14 '18 at 15:33









Mark

11.4k33349




11.4k33349










asked Nov 13 '18 at 13:39









Syneria FanaSyneria Fana

13811




13811













  • stackoverflow.com/help/on-topic You can also access this page by clicking the (?) at the top right of the page, then "Help Center", then it's the first link of the summary at the top left.

    – Mathieu CAROFF
    Nov 13 '18 at 13:44











  • I don't understand your answer ? What do you mean ?

    – Syneria Fana
    Nov 13 '18 at 13:49











  • (4) "Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource" I just don't want to report your question as off-topic, but I think you should close your question and re-open it on softwarerecs.stackexchange.com

    – Mathieu CAROFF
    Nov 13 '18 at 13:51











  • Ok thanks, sorry for this

    – Syneria Fana
    Nov 13 '18 at 14:04











  • You could do that with snippets.

    – Mark
    Nov 13 '18 at 17:44



















  • stackoverflow.com/help/on-topic You can also access this page by clicking the (?) at the top right of the page, then "Help Center", then it's the first link of the summary at the top left.

    – Mathieu CAROFF
    Nov 13 '18 at 13:44











  • I don't understand your answer ? What do you mean ?

    – Syneria Fana
    Nov 13 '18 at 13:49











  • (4) "Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource" I just don't want to report your question as off-topic, but I think you should close your question and re-open it on softwarerecs.stackexchange.com

    – Mathieu CAROFF
    Nov 13 '18 at 13:51











  • Ok thanks, sorry for this

    – Syneria Fana
    Nov 13 '18 at 14:04











  • You could do that with snippets.

    – Mark
    Nov 13 '18 at 17:44

















stackoverflow.com/help/on-topic You can also access this page by clicking the (?) at the top right of the page, then "Help Center", then it's the first link of the summary at the top left.

– Mathieu CAROFF
Nov 13 '18 at 13:44





stackoverflow.com/help/on-topic You can also access this page by clicking the (?) at the top right of the page, then "Help Center", then it's the first link of the summary at the top left.

– Mathieu CAROFF
Nov 13 '18 at 13:44













I don't understand your answer ? What do you mean ?

– Syneria Fana
Nov 13 '18 at 13:49





I don't understand your answer ? What do you mean ?

– Syneria Fana
Nov 13 '18 at 13:49













(4) "Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource" I just don't want to report your question as off-topic, but I think you should close your question and re-open it on softwarerecs.stackexchange.com

– Mathieu CAROFF
Nov 13 '18 at 13:51





(4) "Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource" I just don't want to report your question as off-topic, but I think you should close your question and re-open it on softwarerecs.stackexchange.com

– Mathieu CAROFF
Nov 13 '18 at 13:51













Ok thanks, sorry for this

– Syneria Fana
Nov 13 '18 at 14:04





Ok thanks, sorry for this

– Syneria Fana
Nov 13 '18 at 14:04













You could do that with snippets.

– Mark
Nov 13 '18 at 17:44





You could do that with snippets.

– Mark
Nov 13 '18 at 17:44












1 Answer
1






active

oldest

votes


















1














Try this in your snippets file:



"cssComment": {
"prefix": "css//",
"body": [
"$1 {",
"t$2",
"} /* $1 */"
],
"description": "add comment to end of css entry"
},




  1. css// TAB

  2. type .my-class TAB TAB


  3. Result:



    .my-class {
    [cursor here]
    } /* .my-class */







share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53282310%2fvs-code-plugin-to-automatically-close-scss-declarations-and-add-comments-referr%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    1














    Try this in your snippets file:



    "cssComment": {
    "prefix": "css//",
    "body": [
    "$1 {",
    "t$2",
    "} /* $1 */"
    ],
    "description": "add comment to end of css entry"
    },




    1. css// TAB

    2. type .my-class TAB TAB


    3. Result:



      .my-class {
      [cursor here]
      } /* .my-class */







    share|improve this answer




























      1














      Try this in your snippets file:



      "cssComment": {
      "prefix": "css//",
      "body": [
      "$1 {",
      "t$2",
      "} /* $1 */"
      ],
      "description": "add comment to end of css entry"
      },




      1. css// TAB

      2. type .my-class TAB TAB


      3. Result:



        .my-class {
        [cursor here]
        } /* .my-class */







      share|improve this answer


























        1












        1








        1







        Try this in your snippets file:



        "cssComment": {
        "prefix": "css//",
        "body": [
        "$1 {",
        "t$2",
        "} /* $1 */"
        ],
        "description": "add comment to end of css entry"
        },




        1. css// TAB

        2. type .my-class TAB TAB


        3. Result:



          .my-class {
          [cursor here]
          } /* .my-class */







        share|improve this answer













        Try this in your snippets file:



        "cssComment": {
        "prefix": "css//",
        "body": [
        "$1 {",
        "t$2",
        "} /* $1 */"
        ],
        "description": "add comment to end of css entry"
        },




        1. css// TAB

        2. type .my-class TAB TAB


        3. Result:



          .my-class {
          [cursor here]
          } /* .my-class */








        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 13 '18 at 17:58









        MarkMark

        11.4k33349




        11.4k33349






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53282310%2fvs-code-plugin-to-automatically-close-scss-declarations-and-add-comments-referr%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Xamarin.iOS Cant Deploy on Iphone

            Glorious Revolution

            Dulmage-Mendelsohn matrix decomposition in Python