vim

solarized 是一個文字界面常見的配色方案，不僅是用在 vim，大多數 terminal 和 editor 也都支援 install 加入 ```vim Plug ’ericbn/vim-solarized' 然後安裝 # transparent background 因為設定關係，所以如果你的終端機有設定透明背景，在 vim 中會全部變不透明，載入[這個設定](https://gist.github.com/fuadnafiz98/d91e468c9bc4689868eb0984a29fef66)就可以解決，你也可以放在另外檔案再引入 ```vim " https://gist.github.com/fuadnafiz98/d91e468c9bc4689868eb0984a29fef66 " for transparent background function! AdaptColorscheme() highlight clear CursorLine highlight Normal ctermbg=none highlight LineNr ctermbg=none highlight Folded ctermbg=none highlight NonText ctermbg=none highlight SpecialKey ctermbg=none highlight VertSplit ctermbg=none highlight SignColumn ctermbg=none endfunction autocmd ColorScheme * call AdaptColorscheme() highlight Normal guibg=NONE ctermbg=NONE highlight CursorColumn cterm=NONE ctermbg=NONE ctermfg=NONE highlight CursorLine cterm=NONE ctermbg=NONE ctermfg=NONE highlight CursorLineNr cterm=NONE ctermbg=NONE ctermfg=NONE highlight clear LineNr highlight clear SignColumn highlight clear StatusLine " Change Color when entering Insert Mode autocmd InsertEnter * set nocursorline " Revert Color to default when leaving Insert Mode autocmd InsertLeave * set nocursorline "" extra settings, uncomment them if necessary :) "set cursorline "set noshowmode "set nocursorline " trasparent end

modeline 是一個可以將 vim 設定嵌入檔案的方式，這樣就可以讓某些檔案有自己的設定，像是折疊、不要行數、tab 等於多少空白等等。 簡單的條件 簡單的 modeline 需要滿足幾個條件： 開頭（不必是行首）至少有一個空白/tab 用 vim、vi 等字開頭，這裡還可以設定哪個版本才要載入 基本的範例 vim: wrap 參考資料 https://stackoverflow.com/questions/3958416/embed-vim-settings-in-file help page in :help modeline

下載 source code 編輯 ~/.vimrc Plug 'Valloric/YouCompleteMe' 接著按下 esc :w | so % 載入設定 接著 :PlugInstall 下載 source code 存檔離開 編譯 執行 sudo apt install python3-dev build-essential 進入 ~/.vim/plugged/YouCompleteMe 執行 ./install.py --help 並挑選需要的選項 執行 ./install.py <你要的選項>

套件 nerdcommenter 好用的指令 在每次動作前都要按 <leader>，預設是 反斜線 \ c<space> 簡單來說就是 toggle 你的註解 cA 跳到行尾並在行尾加上註解

最近寫ˋreact 的時候只要遇到 jsx 語法 YCM 就會跳出這個錯誤 Cannot use JSX unless the '--jsx' flag is provided. (FixIt) 研究之後發現這是要給 tsserver 一個 --jsx 的 flag 就可以解決 爬文半個小時後發現只要在專案下的 jsconfig.json { "compilerOptions": { "target": "es6", "checkJs": true + }, + "compilerOptions": { + "jsx": "react" } }