Strap on the belt and become a Ninja Developer with these utilities.
This extension is also available for Visual Studio Code (vsctoix) and
Atom Editor(atomtoix).
If you find this extension useful, please, add a github star to show your support.
BracketstoIX adds a top-menu called IX.
To prevent from cluttering the menu with all the commands, only a few commands were added to the menu.
Use Command mapper to add which ones you prefer, and setup the shortcuts.
No default shortcuts were define to prevent collision with other plugins.
Selection Policy is word.
| Utility | Example |
|---|---|
| UpperCase | before:classNameFuncafter: CLASSNAMEFUNC |
| LowerCase | before:classNameFuncafter: classnamefunc |
| Capitalize | before:classNameFuncafter: ClassNameFunc |
| Camel Case | before:ClassNameFuncafter: classNameFunc |
| Dash Case | before:ClassNameFuncafter: class-name-func |
| Cycle Case | before: _ClassNameFuncafter: _classNameFunc -> _CLASS_NAME_FUNC -> _class_name_func -> _class-name-func -> _class name func ->_ClassNameFunc |
| Add Space before Uppercase Useful to transform functions names into documentation |
before:doActionBeforeafter: do Action Before |
Selection Policy is line.
| Utility | Example |
|---|---|
| Html Encode | before:<h1>Title</h1>after: <h1>Title</h1> |
| Html Decode | before:<h1>Title</h1>after: <h1>Title</h1> |
| Url Encode | before:https://github.comafter: https%3A%2F%2Fgithub.com |
| Url Decode | before:https%3A%2F%2Fgithub.comafter: https://github.com |
Selection Policy is line.
| Utility | Example |
|---|---|
| Single To Double Quote | before:find'againafter: find"again |
| Double To Single Quote | before:find"againafter: find'again |
| Toggle Quote | before:find"again'after: find'again" |
Selection Policy is line.
| Utility | Example |
|---|---|
| Unix To Win Slash Converts slashes to backslashes |
before:chocolate/candyafter: chocolate\candy |
| Win To Unix Slash Converts backslashes to slashes |
before:chocolate\candyafter: chocolate/candy |
| Single To Double Slash | before:find\nagainafter: find\\\nagain |
| Double To Single Slash | before:find\\\nagainafter: find\nagain |
Selection Policy is all.
| Utility | Example |
|---|---|
| Tab To Space Space to Tab only works with leading spaces |
|
| Space To Tab Space to Tab only works with leading spaces |
Selection Policy is all.
| Utility | Example |
|---|---|
| Join Lines Joins lines adding the computed expression at the end of every line |
before:redgreenafter: expr:(x\c{X0A}),red(x0A),green(x0B) |
| Split Lines Split lines by an expression. Dynamic values aren't supported |
before:red,greenafter: expr: = \c{1}red = 1green = 2 |
| Indent One Space Adds one space to the beginning of each line |
|
| Outdent One Space Removes one space to the beginning of each line |
|
| Remove Duplicated Lines Removes consecutive duplicated lines Only works with already sorted lines |
before:firstsecondsecondafter: firstsecond |
| Remove Empty Lines | before:firstsecondafter: firstsecond |
| Number It adds a number prefix to every selected line |
|
| Trim Leading | |
| Trim Trailing | |
| Sort Ascending | |
| Sort Descending | |
| Markdown Trim Trailing Trims trailing spaces and adds 2 trailing spaces |
|
| Break line at Breaks lines to have a maximum of N chars, with word break option |
The list of commands are:
2. rgb-hex[sentence] - Converts from #HHHHHH to rgb(dec, dec, dec) and vice-versa. It supports multiple conversions
3. tag[sentence] - Uses the 1st word of the selected text as html tag, and surrounds the remaining the text with nearest text.
The most common tags have shortcuts: bu=button d=div sp=span te=textarea in=input
Ex: d -> <div></div> h3#hello.active.other text -> <h3 id="hello" class="active other">text</h3>
- untag[function] - Removes the nearest tag
- Reverse[function] - Reverses the terms in a assignment or comparison.
- Declare JSLint Global[word] - Adds the selected id to the /*global ... */ list
Most of the commands operate on selected text.
If no text is selected, a command will use:
word - The nearest word (before and after the cursor)
sentence - The nearest text until a whitespace or newline
line - The text line where the cursor is located.
all - All the editor text
function - A function determines the text to use. Ex: Quote functions will use all the text between quotes that surrounds the cursor.
Input fields on the dialogs support history (CTRL+UP/DOWN).
Copy Filename, Copy Fullname - Copies the filename of the active file to the clipboard
Regnize[sentence] - Copies to clipboard the text with all the regular expression special characters slashed.
This command simplifies the usage of on find/replace dialogs.
ExtractortoIX[all] - Copies to clipboard all the text matches. One per line.
This command provides a replace dialog with the following options:
- Ignore Case
- Word Only
- Replace All
- Only Selection
- Multiline
- Start Value (use for numbering)
- Step Value (use for numbering)
Just like all the other commands, it only operates on the selected text(only selection mode), if no text is selected it uses all the text.
This command will copy to the clipboard a list of all the id's, classes and stylesheets used on the current html file [all].
Open Url[sentence], Web Search[word] will open an external web browser with selected text either an url(Open Url) or text(Web Search)
This command will create a JSDoc function skeleton of the function where the cursor is located.
Ex:
function foo(param1, param2) { }
Will become:
/**
* foo
* @param {} param1
* @param {} param2
* @return {}
*/
function foo(param1, param2) { }
Also supports privates methods:
function _foo() { }
Will become:
/**
* @private
* _foo
* @return {}
*/
function _foo() { }
Displays of the all recent opened files. This list is independent of the project.
Compiler command with execute an external compiler. Supported file formats:
- .js6 Compiles a ECMAScript 6 into a
.jsfile using traceur compiler. - .scss Compiles a
.scssinto a.cssfile using sass compiler. - .js Minifies a
.jsfile into a.min.jsfile using minifier
To prevent from creating an oversize plug-in, the compilers must be installed manually:
- To install sass compiler, follow the instructions on this link: sass compiler
- To install traceur, first install nodejs, and then from the shell, execute
npm install -g traceur - To install traceur, first install nodejs, and then from the shell, execute
npm install -g uglify-js
By default, the compile on save is not active. You can use the Options to activate it
Inserts the classical lorem ipsum with options on the number of paragraphs, wrap, and max characters per line.
-
Commands - Displays a dialog box with the list of the commands to be executed.
Use{{in}}, {{inpath}}, {{infile}}, {{out}}, {{outpath}}, {{outfile}}macros -
Commands Mapper - Allows you to define which commands are on the menu, and its associate shortcuts.
-
Options - Configuration dialog
These are the plans for the next versions:
- Default shortcuts
- Go back to the previous edit cursor positions
- Display the compilation error on a bottom panel
- File Extension mapper. Ex: inc->php
- Code snippets
- Run grunt
- Run node scripts
- Run python scripts
- Clean up the code
- Improve the User Interface
- Improve the code documentation
This extension was created and tested on Windows 10, Mac OS, Linux Mint,
feedback of bugs on this and other platforms are welcome
but don't forget the golden rule: Be Polite!
© 2016-2019 Alexandre Bento Freire
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent