Auto Complete Comment Blocks in CSS using Sublime Text

Question

In a js file, I can type comm and autocomplete will kick in prompting me for comment blocks. This functionality doesn't work in CSS files.

I thought this would be the answer for me but it is not.

"auto_complete_selector": "source, text"

This post also looked promising, but it was not either. Sublime Text 2 code snippet not working in proper scope

Anyone know of a way to add it or to turn it on for CSS?

Here is a video of what I'm referring to: youtu.be/c7ZQ_AhfEIw — Josh Smith
– Josh Smith, Commented Mar 24, 2014 at 5:43

jonnybro · Accepted Answer · 2014-03-23 06:46:20Z

0

You need to add a snippet that whos scope has CSS files included. Example:

<snippet>
    <content><![CDATA[
/* ----------------------------------------------------------------------------
 * ${1:CSS Section}
 * ------------------------------------------------------------------------- */
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>comm</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.css</scope>
</snippet>

Save this file with the .sublime-snippet extension in your User packages folder (Sublime Text -> Preferences -> Browse Packages) and you will be good to go.

In a CSS file, you would then type "comm" and hit tab.

NOTE: The folder location I mention above is for Mac users FYI

answered Mar 23, 2014 at 6:46

jonnybro

3122 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Auto Complete Comment Blocks in CSS using Sublime Text

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related