uni-app vim插件

uni-app vim插件

加个vim插件吧！delete键按冒烟了

2 回复

同求vim

更多关于uni-app vim插件的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在开发uni-app项目时，使用Vim编辑器可以提供一个高效且灵活的编码环境。为了提升开发效率，可以安装和配置一些Vim插件来增强对uni-app的支持。以下是一些推荐的Vim插件及相关配置代码示例，帮助你更好地在Vim中开发uni-app项目。

1. 安装Vim插件管理器

首先，你需要一个插件管理器来安装和管理Vim插件。推荐使用vim-plug，因为它简单易用且功能强大。

在你的Vim配置文件中（通常是~/.vimrc或~/.config/nvim/init.vim对于Neovim），添加以下代码来安装vim-plug：

call plug#begin('~/.vim/plugged')

" 插件列表
Plug 'junegunn/fzf', { 'do': { -> fzf#install() } }
Plug 'junegunn/fzf.vim'
Plug 'prettier/vim-prettier', { 'do': 'yarn install' }
Plug 'scrooloose/syntastic'
Plug 'neoclide/coc.nvim', {'branch': 'release'}
Plug 'neoclide/coc-vue'
Plug 'neoclide/coc-tsserver'
Plug 'neoclide/coc-eslint'

call plug#end()

然后，在Vim中运行:PlugInstall来安装这些插件。

2. 配置插件以支持uni-app

使用coc.nvim进行代码补全和错误检查

coc.nvim是一个强大的Vim/Neovim插件，它提供了语言服务器协议（LSP）支持，可以与各种编程语言的服务器进行交互。

在~/.config/nvim/coc-settings.json中，添加以下配置以支持Vue（uni-app基于Vue）：

{
  "languageserver": {
    "vue": {
      "command": "vue-language-server",
      "rootPatterns": ["package.json", "vue.config.js", ".vim/", ".git/", ".hg/"],
      "filetypes": ["vue"]
    },
    "typescript": {
      "command": "tsserver",
      "args": ["--useInferredProjectPerProjectRoot", "--disableAutomaticTypingAcquisition"],
      "rootPatterns": ["tsconfig.json", "jsconfig.json", ".vim/", ".git/", ".hg/"],
      "filetypes": ["typescript", "typescriptreact", "javascript", "javascriptreact", "vue"]
    }
  }
}

确保你已经安装了vue-language-server和typescript。

使用prettier进行代码格式化

在Vim中配置vim-prettier以自动格式化Vue文件：

let g:prettier#auto_format = 1
let g:prettier#exec_path = '/path/to/prettier'  " 指定prettier的路径
let g:prettier#config#bracket_spacing = 'true'
let g:prettier#config#single_quote = 'true'

3. 其他插件

  • fzf和fzf.vim：快速搜索文件和代码片段。
  • syntastic：语法检查，可以集成ESLint等工具。

这些插件和配置将大大提升你在Vim中开发uni-app项目的效率。根据具体需求，你还可以探索更多Vim插件来增强开发体验。

回到顶部