Smart Dot ^{VS Code}

Code completion with smart dot

Usage Examples

console

array

vue

Configurations

smartDot.languages

// default languages
{
  "smartDot.languages": [
    "html",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue"
  ]
}

smartDot.options

// some default options
{
  "smartDot.options": [
    // console
    {
      "target": "log",
      "format": "console.log($label, $value)",
      "desc": "console.log('value', value)",
      "smartLabel": true
    },
    {
      "target": "info",
      "format": "console.info($label, $value)",
      "desc": "console.info('value', value)",
      "smartLabel": true
    },
    {
      "target": "warn",
      "format": "console.warn($label, $value)",
      "desc": "console.warn('value', value)",
      "smartLabel": true
    },
    {
      "target": "error",
      "format": "console.error($label, $value)",
      "desc": "console.error('value', value)",
      "smartLabel": true
    },
    // array
    {
      "target": "forof",
      "format": [
        "for (const value of $value) {",
        "  $cursor",
        "}"
      ],
      "desc": "for (const value of array) {}"
    },
    {
      "target": "forEach",
      "format": [
        "$value.forEach((item, index) => {",
        "  $cursor",
        "})"
      ],
      "desc": "array.forEach((item, index) => {})"
    },
    // vue
    {
      "target": "ref",
      "format": "const $value = ref($cursor)",
      "desc": "const $value = ref()"
    },
    {
      "target": "reactive",
      "format": "const $value = reactive($cursor)",
      "desc": "const $value = reactive()"
    },
    {
      "target": "computed",
      "format": [
        "const $value = computed(() => {",
        "  $cursor",
        "})"
      ],
      "desc": "const $value = computed(() => {})"
    }
  ]
}

IOption type

Keywords in format

Thanks

• dot-log
• dot-thing
• dot-more
• smart-clicks
• starter-vscode

License

MIT License © 2024 Gahotx