GithubHelp home page GithubHelp logo

astrabacus / wrap-guide Goto Github PK

View Code? Open in Web Editor NEW

This project forked from atom/wrap-guide

0.0 0.0 0.0 182 KB

Don't cross the line

License: MIT License

JavaScript 20.72% CoffeeScript 78.04% Less 1.24%

wrap-guide's Introduction

Atom and all repositories under Atom will be archived on December 15, 2022. Learn more in our official announcement

Wrap Guide package

macOS Build Status Windows Build Status Dependency Status

The wrap-guide package places a vertical line in each editor at a certain column to guide your formatting, so lines do not exceed a certain width.

By default, the wrap-guide is placed at the value of editor.preferredLineLength config setting. The 80th column is used as the fallback if the config value is unset.

Configuration

You can customize where the column is placed for different file types by opening the Settings View and configuring the "Preferred Line Length" value. If you do not want the guide to show for a particular language, that can be set using scoped configuration. For example, to turn off the guide for GitHub-Flavored Markdown, you can add the following to your config.cson:

'.source.gfm':
  'wrap-guide':
    'enabled': false

It is possible to configure the color and/or width of the line by adding the following CSS/LESS to your styles.less:

atom-text-editor .wrap-guide {
  width: 10px;
  background-color: red;
}

Multiple guide lines are also supported. For example, add the following to your config.cson to create four columns at the indicated positions:

'wrap-guide':
  'columns': [72, 80, 100, 120]

Note: When using multiple guide lines, the right-most guide line functions as your editor.preferredLineLength setting.

wrap-guide's People

Contributors

kevinsawicki avatar maxbrunsfeld avatar 50wliu avatar as-cii avatar lee-dohm avatar benogle avatar mnquintana avatar jasonrudolph avatar kevinnathan avatar damieng avatar darangi avatar simurai avatar lexicalunit avatar smashwilson avatar probablykevin avatar probablycorey-and-nathan avatar daviwil avatar ericcornelissen avatar izuzak avatar jonrohan avatar torn4dom4n avatar mcolyer avatar matthewwithanm 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.