Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Dot MoreNew to Visual Studio Code? Get it now.
Dot More

Dot More

AlanQtten

|
330 installs
| (1) | Free
vscode plugin,easy to generate code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Dot More

example

example

auto complete

use .xxx to complete you sentence quickly, just like Webstorm

// ${c} means keyboard cursor

a.b.c.log    
// console.log(a.b.c)

"a b c".log
// console.log("a b c")

arr.filter(item => Boolean(item)).log
// console.log(arr.filter(item => Boolean(item)))

typeof a + b / c + d && e === 'function'.log
// console.log(typeof a + b / c + d && e === 'function')

{
  a: [1,2,3],
  b: /\[some reg/,
  c: `some str`,
  d: {
    // ...
  }
}.log
/**
 * console.log({
 *  a: [1,2,3],
 *  b: /\[some reg/,
 *  c: `some str`,
 *  d: {
 *    // ...
 *  }
 * })
 */

a.b.c.logM 
// console.log(`a.b.c`, a.b.c)

a.b.c.if    
/**
 * if(a.b.c) {
 *   ${c}
 * }
 */

a.b.c.typeof
// typeof a.b.c

typeof a + b / c + d && e === 'function'.if
/**
 * if(typeof a + b / c + d && e === 'function') {
 *   ${c}
 * }
 */

some react extend grammar

// ${c} means keyboard cursor

apple.useState
// const [apple, setApple] = useState(${c})

apple.useMemo
/**
 * const apple = useMemo(() => {
 *   ${c}
 * }, [])
 */

apple.useContext
// ...

apple.fc
// ...

Config

config description default value
dotMore.disableReactExtends whether to disable react grammar extend false
dotMore.disableAutoImport whether to disable auto import api, such as useState true
dotMore.maxLengthOfLogmPrefixMessage max length of logm prefix message -
dotMore.clonePrefixStyle customize clone prefix style for console "background:#FF8040;color:white"
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft