Coder Social home page Coder Social logo

comment-headers's Introduction


icon

COMMENT HEADERS

How To UseTypesLine stylesSupported languages


Write beautifully structured code 🎉

Works with Better comments


screenshot
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

How to use

Type a trigger keyword like //header-lg and press enter.
Find the different triggers in the types section.

multiline



〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

Types

1. Block

Type Identifier Example
Default block //block-md..
Info info-block ,*block //info-block-md, //*block-md..
Question question-block,?block //question-block-md , //?block-md..
Warning warning-block,!block //warning-block-md, //!block-md..
Todo todo-block //todo-block-md..
Function function-block //function-block-md,..
About about-block //about-block-md..

block


2. Header

Type Identifier Example
Default header //header-md..
Info info-header , *header //info-header-md, //*header-md..
Question question-header, ?header //question-header-md , //?header-md..
Warning warning-header, !header //warning-header-md, //!header-md..
Todo todo-header //todo-header-md..

header


3. Footer

Type Identifier Example
Default end //end-sm, //end-md ..

footer


4. Divider

Type Identifier Example
Default divider //divider-sm, //divider-md ..

dividers


5. Divider plain

Type Identifier Example
Default divider-plain //divider-plain-sm, //divider-plain-md ..

dividers plain


6. Inline

Type Identifier Example
Default comment //comment
Info info , * //info, //*
Question question, ? //question , //?
Warning warning, ! //warning, //!
Todo todo //todo

inline


7. Multiline

Type Identifier Example
Default multiline //multiline

multiline


〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

Line Style

Type Identifier Example
Single lined / /header-sm
Double lined // //header-sm

Single lined

single line

Double lined

double line


〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

Sizes

Type Identifier Example
Small -sm //header-sm
Medium -md //header-md
Large -lg //header-lg
Extra Large -xl //header-xl
Extra Extra Large -xxl //header-xxl

Note: Inline(6) and Multiline (7) comments do not have size option.


〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

Supported Languages

(expand)
  • C
  • C#
  • C++
  • Coffeescript
  • Coldfusion*
  • CSS
  • Dart
  • Dockerfile
  • Go
  • Groovy
  • HTML*
  • Java
  • Javascript
  • JOSC
  • LESS
  • Markdown*
  • Nested
  • Nim
  • Objective-c
  • Objective-cpp
  • Perl
  • Php
  • Powershell
  • Puppet
  • Python
  • R
  • Ruby
  • Rust
  • SASS
  • SCSS
  • Shellscript
  • SQL
  • Stylus
  • Swift
  • TCL
  • Typescript
  • Vue
  • XML*
  • XSL*
  • YAML
    *supports only dividers

〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

Happy Coding

comment-headers's People

Contributors

akmarnafi avatar groovin-dev avatar remyntshaykolo avatar why06 avatar aszenz avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.