Dot More

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"