https://github.com/Quramy/tsuquyomi-vue

vim plugin for TypeScript and Vue.js
https://github.com/Quramy/tsuquyomi-vue

typescript vim-plugin vuejs vuejs2

Last synced: 4 days ago
JSON representation

vim plugin for TypeScript and Vue.js

• Host: GitHub
• URL: https://github.com/Quramy/tsuquyomi-vue
• Owner: Quramy
• Created: 2017-04-04T04:51:22.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-04-04T05:20:33.000Z (over 7 years ago)
• Last Synced: 2024-10-19T01:32:07.938Z (16 days ago)
• Topics: typescript, vim-plugin, vuejs, vuejs2
• Language: Vim script
• Size: 940 KB
• Stars: 15
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# tsuquyomi-vue

An extension of [Quramy/tsuquyomi](https://github.com/Quramy/tsuquyomi) to integrate Vim with [Vue.js Single File Components](https://vuejs.org/v2/guide/single-file-components.html).

This allows to open a `.vue` file as a TypeScript source file.

![capture](capture.gif)

## How to use

### Requirements

1. Install [Quramy/tsuquyomi](https://github.com/Quramy/tsuquyomi#how-to-install) into your vim.

1. (Optional) Install [posva/vim-vue](https://github.com/posva/vim-vue) into your vim.

1. Install `typescript@^2.2.1` into your project.

1. Install [vue-ts-plugin](https://github.com/sandersn/vue-ts-plugin) into your project and configure `tsconfig.json`.

### Install

#### Install with Vundle

```vim

Plugin 'Quramy/tsuquyomi-vue'

```

#### Install with Pathgon

```sh

cd ~/.vim/bundle

git clone https://github.com/Quramy/tsuquyomi-vue.git

```

#### Install with NeoBundle

```vim

NeoBundle 'Quramy/tsuquyomi-vue'

```

and `:NeoBundleInstall`.

#### example

- .vimrc

```vim

" .vimrc

NeoBundle 'posva/vim-vue'

NeoBundle 'Quramy/tsuquyomi'

NeoBundle 'Quramy/tsuquyomi-vue'

autocmd BufNewFile,BufRead *.vue set filetype=vue

```

- tsconfig.json

```json

{

  "compilerOptions": {

    "module": "es2015",

    "target": "es5",

    "allowSyntheticDefaultImports": true,

    "moduleResolution": "node",

    "plugins": [

      { "name": "vue-ts-plugin" }

    ]

  }

}

```