Smart Clicks VS Code
Smart selection with double clicks for VS Code.
GIF Demo
Usage
Double clicks on the code.
Rules
bracket-pair
Pair to inner content of brackets.
▽
(foo, bar)
└──────┘
dash
- to identifier.
▽
foo-bar
└─────┘
html-attr
= to HTML attribute.
▽
<div class="btn"></div>
└─────────┘
html-element
< to the entire element.
▽
<div><div></div></div>
└────────────────────┘
html-tag-pair
Open and close tags of a HTML element.
▽
<div><div></div></div>
└─┘ └─┘
js-arrow-fn
=> to arrow function.
▽
(a, b) => a + b
└─────────────┘
js-assign
= to assignment.
▽
const a = []
└──────────┘
js-block
Blocks like if, for, while, etc. in JavaScript.
▽
function () { }
└─────────────────┘
▽
import { ref } from 'vue'
└───────────────────────┘
js-colon
: to the value.
▽
{ foo: { bar } }
└─────┘
jsx-tag-pair
Matches JSX elements' start and end tags.
▽
(<Flex.Item>Hi</Flex.Item>)
└───────┘ └───────┘
Configuration
All the rules are enabled by default. To disable a specific rule, set the rule to false in smartClicks.rules of your VS Code settings:
// settings.json
{
"smartClicks.rules": {
"dash": false,
"html-element": false
}
}
Sponsors
Credits
Inspired by HBuilderX, initiated by 恐粉龙.
License
MIT License © 2022 Anthony Fu
![[Feature request] Make double-clicking closing brackets also select](https://avatars.githubusercontent.com/u/8807171?v=4)
![[feature] Double right click to copy selection to clipboard](https://avatars.githubusercontent.com/u/47495003?v=4)
![[Feature suggestion]: dot delimited strings (nested objects)](https://avatars.githubusercontent.com/u/8860723?v=4)
![[Feature suggestion]: Keybinding for smart selection.](https://avatars.githubusercontent.com/u/57290456?v=4)
3 May 18, 2022
4 May 3, 2022
14 Jan 3, 2023
42 Dec 30, 2022
24 Dec 28, 2022
0 Apr 30, 2022
4 May 30, 2022
72 Dec 28, 2022
2 Apr 12, 2022
5.2k Jan 3, 2023
4 May 23, 2022
1.3k Dec 22, 2022
15 Dec 19, 2022
25 Dec 19, 2022
34 Dec 12, 2022
16 Nov 29, 2021
22 May 5, 2022
2 Dec 14, 2022
1 Dec 26, 2021