Ticker

6/recent/ticker-posts

How to install and config Nvim, enable features for JavaScript ES6.


First to install neovim in ubuntu 20.04 we must run following command.

# sudo apt install neovim


Then we validate the installation.

# nvim



All righ!

Now we must create or edit file the config the neovim in the path ~/.config/nvim/init.vim

# nvim ~/.config/nvim/init.vim



"""

call plug#begin()

"Auto Complete
Plug 'neoclide/coc.nvim', {'branch': 'release'}

" menu file
Plug 'scrooloose/nerdtree'

" Linter
Plug 'w0rp/ale'

" Utils
Plug 'SirVer/ultisnips'
Plug 'junegunn/fzf', {'do': './install --bin'}
Plug 'junegunn/fzf.vim'
Plug 'gorkunov/smartpairs.vim'
Plug 'djoshea/vim-autoread'
Plug 'ctrlpvim/ctrlp.vim'
Plug 'airblade/vim-gitgutter'
Plug 'editorconfig/editorconfig-vim'
Plug 'ap/vim-buftabline'
Plug 'easymotion/vim-easymotion'
Plug 'cohama/lexima.vim'
Plug 'mg979/vim-visual-multi', {'branch': 'master'}


" Emmet
Plug 'mattn/emmet-vim'

" Javascript Compatibility 
Plug 'pangloss/vim-javascript'
Plug 'maxmellon/vim-jsx-pretty'


" Colour Themes
Plug 'GertjanReynaert/cobalt2-vim-theme'
Plug 'altercation/vim-colors-solarized'
Plug 'kaicataldo/material.vim'
Plug 'dracula/vim', {'as': 'dracula'}
Plug 'patstockwell/vim-monokai-tasty'


" Test Run
Plug 'itchyny/lightline.vim'
Plug 'alvan/vim-closetag'
Plug 'tpope/vim-commentary'


" Initialize plugin system
call plug#end()

" == == == == == == == == == == == == == == == == == == == == == == == == == == == == == ==
"                 GENERAL SETTINGS
" == == == == == == == == == == == == == == == == == == == == == == == == == == == == == ==

"set cursorline  " hihgli line current
set backspace=indent,eol,start
set history=1000
set ruler
set showcmd
set autoindent
set showmatch
set nowrap "not spli line if long
set autoread
set autowrite
set backupdir=/tmp
set directory=/tmp
set viminfo +=!
set guioptions-=T
set laststatus=2
set scrolloff=3
set sidescrolloff=4
set hidden " Permitir cambiar de buffers sin tener que guardarlos
" Indentación a 2 espacios
set tabstop=2
set shiftwidth=2
set softtabstop=2
set expandtab " Insertar espacios en lugar de < Tab > s
set regexpengine=1
" set relativenumber
set number "show number line
set wrap
set linebreak
set hlsearch
set incsearch
set ignorecase " Ignorar mayúsculas al hacer una búsqueda
set smartcase " not ignore sensity case in search
set mouse=a " show integration mouse
set shell=bash
set clipboard=unnamed
set winwidth=100
set winheight=5
set winminheight=5
set winheight=999
set noswapfile
set wildmenu
set nostartofline
set spelllang=en,es  " fix words es,en

" (Hopefully) removes the delay when hitting esc in insert mode
" set noesckeys
set ttimeout
set ttimeoutlen=1
"set listchars=tab:>-,trail:~,extends:>,precedes:<,space:.
"set list "show ocultos .
set nolist "show ocultos .
set ttyfast

set path+=**
set encoding=UTF-8
set signcolumn=yes

" enable tags
set laststatus=2

"=====================================================
"OCO
"=====================================================
" TextEdit might fail if hidden is not set.
set hidden

" Some servers have issues with backup files, see #649.
set nobackup
set nowritebackup

" Give more space for displaying messages.
set cmdheight=2

" Having longer updatetime (default is 4000 ms = 4 s) leads to noticeable
" delays and poor user experience.
set updatetime=300

" Don't pass messages to |ins-completion-menu|.
set shortmess+=c

" Always show the signcolumn, otherwise it would shift the text each time
" diagnostics appear/become resolved.
if has("patch-8.1.1564")
  " Recently vim can merge signcolumn and number column into one
  set signcolumn=number
else
  set signcolumn=yes
endif


" == == == == == == == == == == == == == == == == == == == == == =
"                      MAPPINGS
" == == == == == == == == == == == == == == == == == == == == == =
let g:mapleader=' '  " Define key leader in this case is key space.

" save with control + s
nnoremap <C-s> :w<CR>
inoremap <C-s> <Esc>:w<CR>i

" Reload vims configuration file
map <leader>vs :source $MYVIMRC<CR>
"Vimrc configuration
map <leader>vv :vsp $MYVIMRC<CR>


" create/open file in current folder
map <Leader>ee :e <C-R>=escape(expand("%:p:h"),' ') . '/'<CR>

" move al buffer next with < líder > + l
nnoremap <leader><Right> :bnext<CR>

" move to buffer before with < líder > + j
nnoremap <leader><Left> :bprevious<CR>

" close buffer current  < líder > + q
nnoremap <leader>q :bdelete<CR>

 " save  < líder > + s
nnoremap <leader>s :w <CR>

" use <líder> + y copy in clipboard
vnoremap <leader>y "+y
nnoremap <leader>y "+y

" use <líder> + d  cut in clipboard
vnoremap <leader>d "+d
nnoremap <leader>d "+d

" use <líder> + p  pase in clipboard
nnoremap <leader>p "+p
vnoremap <leader>p "+p
nnoremap <leader>P "+P
vnoremap <leader>P "+P

" Move line
nnoremap <C-Up> : move-2<CR>
nnoremap <C-DOWN> : move+1<CR>

vnoremap <C-Up> :m '<-2<CR>gv=gv
vnoremap <C-DOWN> :m '>+1<CR>gv=gv

inoremap <C-UP> <Esc>:m .-2<CR>==gi
inoremap <C-DOWN> <Esc>:m .+1<CR>==gi

" Change word
nnoremap <leader>w ciw
nnoremap <leader>* *Nciw

" highlight word in current the line
nnoremap <leader>n n.

" remplace el text in selection
nnoremap <leader>r yiw:%s/\<<C-r>"\>//g<left><left>

" disable hl
nnoremap <Leader><Enter> :nohl  <CR>

"Insert \n
nnoremap <Enter> i<CR><Esc>
" Delete line
nnoremap <Del> dd




" Duplicate line
nnoremap <leader>e mzyyp`zj

" select all
nnoremap <leader>a ggVG

" Tab
vnoremap > >gv
vnoremap < <gv


" Prettier Manual
nnoremap gp :silent %!prettier --trailing-comma none --parser babel --stdin-filepath %<CR>


" coc auto complete
" GoTo code navigation.
nmap <silent> gd <Plug>(coc-definition)
nmap <silent> gy <Plug>(coc-type-definition)
nmap <silent> gi <Plug>(coc-implementation)
nmap <silent> gr <Plug>(coc-references)

" Use <c-space> to trigger completion.
if has('nvim')
  inoremap <silent><expr> <c-space> coc#refresh()
else
  inoremap <silent><expr> <c-@> coc#refresh()
endif

" Make <CR> auto-select the first completion item and notify coc.nvim to
" format on enter, <cr> could be remapped by other vim plugin
inoremap <silent><expr> <cr> pumvisible() ? coc#_select_confirm()
                              \: "\<C-g>u\<CR>\<c-r>=coc#on_enter()\<CR>"

" Add `:Format` command to format current buffer.
command! -nargs=0 Format :call CocAction('format')

" Add `:Fold` command to fold current buffer.
command! -nargs=? Fold :call     CocAction('fold', <f-args>)

" visual-multi
let g:VM_maps = {}
let g:VM_maps['Find Under']         = '<C-d>'           " replace C-n
let g:VM_maps['Find Subword Under'] = '<C-d>'           " replace visual C-n
" let g:VM_highlight_matches = 'value'
let g:VM_theme = 'codedark'

" NERDTree
nnoremap <C-B> :NERDTreeToggle<CR>
let g:NERDTreeWinSize=50
let NERDTreeMinimalUI=1
let NERDTreeShowLineNumbers=1
let NERDTreeQuitOnOpen=1
let NERDTreeHijackNetrw=0
let NERDTreeIgnore=['\.pyc$','\~$'] "ignore files in NERDTree
let NERDTreeShowHidden=1

" Lightline
let g:lightline = { 'colorscheme': 'material_vim' }

" Easymotion
nmap S <Plug>(easymotion-s2)
nmap s <Plug>(easymotion-s)

" UltiSnips
let g:UltiSnipsExpandTrigger="<tab>"
let g:UltiSnipsJumpForwardTrigger="<tab>"

" Markdown
let g:markdown_fenced_languages=['css', 'erb=eruby', 'javascript', 'js=javascript', 'json=javascript', 'ruby', 'sass', 'xml', 'html']

" JSX
let g:jsx_ext_required=0
let g:javascript_enable_domhtmlcss=1
let g:used_javascript_libs='underscore,react'


" Tag Autoclose
let g:closetag_filenames='*.html,*.xhtml,*.phtml,*.vue,*.js'

" Layout switcher
let g:XkbSwitchLib='/usr/local/lib/libInputSourceSwitcher.dylib'
let g:XkbSwitchEnabled=1


" Ale linter
let g:ale_set_highlights=0

let g:ale_linters={
\   'javascript': ['eslint']
\}
let g:ale_sign_error='✘'
let g:ale_sign_warning='⚠'
let g:ale_fix_on_save=1



" FZF
nnoremap <leader>f :GFiles<CR>
nnoremap <leader>t :Files<CR>
nnoremap <leader>. :Buffers<CR>


" CONTROL+P
let g:ctrlp_working_path_mode='ra'
set wildignore+=*/tmp/*,*.so,*.swp,*.zip,*/node_modules/*,*.git,*.hg,*.svn,*.DS_Store,._*,Thumbs.db,desktop.ini,.atom*,*.pyc,*_env
let g:ctrlp_use_caching = 0

" set best es6 javascript
let g:material_terminal_italics = 1
" 'default' | 'palenight' | 'ocean' | 'lighter' | 'darker'
let g:material_theme_style = 'palenight'
colorscheme material


"""

Install manager plugins vim-plug, more info in https://github.com/junegunn/vim-plug

# sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \
       https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'


Install the plugins necessary, inside nvim press : and typing 
:PlugInstall




After install tsserver  with next command  
:CocInstall coc-tsserver


Now we can programming in JavaScript in nvim



 







Reacciones:

Post a Comment

0 Comments