Vim Setup · Prettier
Vim users can install either vim-prettier, which is Prettier specific, or Neoformat or ALE which are generalized lint/format engines with support for Prettier. vim-prettier See the vim-prettier readme for installation and usage instructions. Neoformat The best way to install Neoformat is with your favorite plugin manager for Vim, such as vim-plug: Plug 'sbdchd/neoformat' In order for Neoformat to
vim沼: JavaScriptでElectronとReact Nativeアプリを効率的に開発する設定
先に英語で書いてから日本語訳しています。 こんにちは、個人アプリ作家のTakuyaです。 僕はInkdropというMarkdownノートアプリを独りで開発しています。 これはmacOSやWindows、Linux、iOSからAndroidまでスムーズに動作します。 なぜならデスクトップ版はElectron、モバイル版はReact Nativeで組まれているからです。 つまりアプリは基本的にJavaScriptで書かれています。 本稿では、vimにて効率的にJavaScriptをコーディングするためのワークフローについてシェアします。 僕はVSCodeのようなIDEを使わず、主にターミナル上で作業しています。 使っているツールはtmuxとNeovimです。 この構成での基本的なワークフローについてはこちらに書きました。 ここでは、更にvimの設定について掘り下げてご説明します。 僕のdotf
個人的に便利だと思うVimの基本設定のランキングを発表します！ - プログラムモグモグ
この記事は Vim Advent Calendar 2014 の5日目の記事です。諸事情によりVim Advent Calendar 2014で穴が空いてしまった5日の記事を、遅ればせながら代打で投稿させていただきます。この投稿を以って、 Vim Advent Calendar 2014 は全ての日程が埋まる事になります。完走おめでとうございます。皆様、お疲れ様でした。 2014年もあと僅かとなり、年末の忙しさに追われている方もおられることでしょう。土日は家の大掃除という方も多いのではないでしょうか。 大掃除…大掃除と言えば、vimrcです！！！ あなたはvimrcはたくさん書いていますか？ Vimをもっと便利にしたくありませんか？ 包丁は砥ぐことにより長く使えるのと同様に、普段あなたが使っているvimrcも定期的に見なおすことで、より愛着がわき、更にVimに対する理解も深まります。あなた
はじめてのVim 〜 Vimはいいぞ！ゴリラと学ぶVim講座(1) | さくらのナレッジ
はじめまして、ゴリラです。 ご縁があってこの度Vimについての連載をさせて頂く事になりました。 本連載ではVimに興味ある方や、Vimを使い始めたばかりの方向けの内容を予定しています。筆者自身もまだVim歴が8ヶ月と浅いのですが、みなさんにVimの良さが伝わるように頑張っていきますので、何卒よろしくお願い致します。 自己紹介 普段プログラマーとして働きつつプライベートでは趣味でOSS活動をしています。とくにVimが好きで、Vimに関する記事を書いたりゴリラ.vimといったイベントを主催したり、プラグインを作ったりしています。 Vimの良さ Vimというと一般的にとっつきにくい、学習コストが高いと言われることが多いと思います。Vimにはモードといった概念があり、そして機能がとても豊富なためそのような印象があるのは仕方ないと考えています。しかし、Vimは学習コストといったデメリットよりもメリッ
VSCodeVimの設定を見直す
久しぶりにVSCodeVimの設定を見直してみました。 そこから得た知見の一部をVimの設定にも反映させました。 Table of Contents 経緯 ツールによらないキーバインド統一化を目指す過程で、VSCodeのキーバインドを見直し始めたのがきっかけです。 以前からモヤモヤしていたVSCodeVimに関する設定も整理しようと思って始めました。 ツールによらないキーバインド統一化 普通、キーバインドはツールごとに異なります。 ある程度統一されている部分もありますが、細かな違いが脳のコンテキストスイッチの切り替えコストを増大させます。 全てのツールで同じキーバインドを実現することにより、それらの問題を解決するプロジェクトです。 まだ実行には至りませんが、2019年中に完成させたいと思っています。 以下のようにとても人気があり、私にとってもVSCodeを使う上で欠かせない拡張機能です。
上達したいVim初心者のための設定・プラグインの見つけ方、学び方〈エディタ実践入門〉 - エンジニアHub｜Webエンジニアのキャリアを考える！
上達したいVim初心者のための設定・プラグインの見つけ方、学び方〈エディタ実践入門〉 Vimの深淵はとても深く、学ぶことは簡単ではありません。本記事では、初心者がVimをどのように学べばよいか？ を解説しています。Shougoさんの寄稿です。 こんにちは。Shougo（@ShougoMatsu）です。今回は、Vim初心者のための記事を執筆することになりました。よろしくお願いします。 私のことを知らない人のために簡単に自己紹介しておきます。私はこれまで10年以上もの間Vimに関わっており、deoplete、dein、denite、defx、neosnippetといった各種プラグインを作成したり、ときにはVim本体にパッチを書くなどといった活動を行っています。 今回、初心者向けの記事を執筆することに決めたのは、勉強会などで「Vimをどのように学べばよいか？」について質問されることが多く、皆が同
モダンな開発用ターミナル環境のためのツール紹介
エンジニアのjhondaです。入社して1年が過ぎました。 ターミナル上での開発作業が好きなので開発を快適に進めるために常日頃から使っているツールやエディタを抜粋して紹介します。 この手のツールは組み合わせることで更に便利になるので、組み合わせを含めた紹介となります。 筆者の会社での開発環境はMacですが、プライベートマシンのLinux上でも同じものを使えています。 筆者のターミナル環境は Alacritty + tmux です。 Alacritty Rust製ターミナルエミュレータ。GPUを使うので描画が高速。 https://github.com/jwilm/alacritty 同リポジトリより Rust製だからという理由なので趣味です。でもたしかに速い気がします。 tmux 言わずとしれた仮想端末エミュレータ。 https://github.com/tmux/tmux たいして使いこな
tmuxを効率よく使って開発を爆速にする最高の設定
リポジトリを横断しての開発 自分は普段いくつかの（主にマイクロサービス）リポジトリを横断しつつコーディングをしています。 その際に tmux + zsh + neovim を使っているのですが、 tmux （とzsh）を使って複数のリポジトリを横断する最高の設定を使っているので紹介します。 まず前提として、複数リポジトリのマイクロサービスを立ち上げるとめちゃくちゃコンソールが増えると思います。 自分はプロジェクト毎にローカルサーバで1-2個・エディタ1つ・シェルで1つ・REPLで1つくらいは平気で使います。ついでに一時的な検証をするワークスペースを作って5-7個くらいは平気でプロジェクトを横断することがあります。 これを tmux の window と pane だけで管理するのは辛いのでやめましょう。 tmux には session という便利な機能があるのでこれを使います。 簡単に説明
VimでVue.jsをある程度快適に編集する - Qiita
スニペット neosinppet-snippetsに、Vue.js用のスニペットが含まれています。 neosnippet.vim neosnippet-snippets NERDCommenterやcaw.vimでコメントの文字列を使い分ける template、script、styleでそれぞれ挿入されるコメントの文字列を変えたいときのことです caw.vimを使用する場合は、context_filetype.vimを入れるだけで自動で判別してくれます NERDCommenterを使う場合は.vimrcに以下を追記します（READMEより） let g:ft = '' function! NERDCommenter_before() if &ft == 'vue' let g:ft = 'vue' let stack = synstack(line('.'), col('.')) if l
Chromeをvimライクに使えるようにするvimium - Qiita
vimiumとは vimキーバインドでGoogle Chromeを使えるようにできるプラグイン 具体的には，以下のような処理をvimキーバインドでできちゃう！ ページ操作 ページのスクロール（上下） リンクのクリック ページを戻る/進む 文字列検索 タブ操作 新規タブ追加 タブの削除 タブの移動 その他の操作 ブックマーク検索 vimiumのインストール chrome web storeのvimiumのページへ行きインストールを選択する． vimiumの設定 プラグインをインストールすると，早速vimiumが使用可能になるが，デフォルトのキーマッピングをかえて使いやすくする． インストール後，検索窓の右隣に以下のようなボタンが追加されている． ボタンを押すと以下のようなメニューが表示されるので，Optionsをクリックする． すると，vimium optionsを編集できるページに移動する
Vim使いがVSCodeを始める例
Vimに比べるとVSCodeのほうが引き継ぎのときに楽なのではと思い立ちVSCodeをはじめてみます。 エディタに求めていること 素VSCodeを眺めて普段エディタに求めている最低限のことについて考えてみます。 基礎として理解しておきたい部分 プラグイン機構 プラグインでできることと設定でできることの境目 求めること Vimキーバインド File Tree(トグル、ファイルオープン) Gitプラグイン(コマンドラインのインターフェースがあると良さそう) コードハイライト 入力補間 画面分割 コマンドラインインターフェース(makeなどそのまま叩く) しかし大事なのは余り複雑にしないことかもしれない。 (後述しますがIntegrated Terminalを使うことでgitコマンドやmakeなど普段Terminalで実行しているコマンドは全て実行することができます) 基本設定 ユーザー設定でフ
【2017年末】「マウスに触らない」Visual Studio Codeを目指して
Tweets by shundroid_p こんにちは。インフルエンザはほぼ治りました shundroid です。 もう 2017 年も終わりですね。 そこで今回は今年が終わる時点での、 ぼくの Visual Studio Code の開発環境を紹介していこうと思います。 多分これから変わることはないと思いますので・・。 コンセプトマウスを触らない もともとぼくは Vim というエディタで開発をしてきましたが、 auto-complete とかを入れまくったら、重くなってしまい、 ほかのエディタで Vim っぽくできないかと、Spacemacs や、Atom など試してきて、 そこで一番高速で高機能な Visual Studio Code に落ち着いた次第なのです。 マウスを触らない―それは究極の効率でコードを書くための手段。 キーボードから手を離すことによるタイムロスを防ぐことができます
vim-javascript から tigris.nvim に乗り換えたら快適だった - 丁寧に手を抜く
最近neovimに乗り換えてから、javascriptの編集中にたまに固まる現象が発生して困っていた。 再現条件をいろいろ試したらどうやらvim-javascriptのインデント処理で無限ループしている様子。 という訳でvimの設定を見直してみることにした。 要件としては、インデントはPrettierでやるので、シンタックスハイライトだけ綺麗にやってくれればいい。 調べたら tigris.nvimというプラグインを見つけた。 これはnodeベースのプラグインで、Babylonを使って構文解析をしてハイライトを実現している。 Babylonはbabelプロジェクトの一部で、JSX, Flow, Typescriptを標準でサポートしている。 だからvim-javascriptのようにvimコミュニティが必死で新たな構文のサポートを追いかける必要がない。 ソースコードを覗いたらシンプルな実装だ
【詳解】モテたいVimmer必見 快適にコーディングするためのvimrc解説 - Qiita
やること vimrcの基本設定 文字コード タブ・インデント 文字列検索 カーソル カッコ・タグジャンプ コマンド補完 特殊な設定 マウスの有効化 ペースト設定 Vimプラグイン NeoBundle（Vimプラグインの管理） molokai（カラースキーム） lightline.vim（ステータスラインの表示内容強化） vim-trailing-whitespace（全角と半角の空白文字を可視化） indentLine（インデントの可視化） neocomplete・neosnippet・neosnippet-snippets（コードの自動補完） CtrlP（多機能セレクタ） Syntastic（構文エラーチェック） 対象となる読者 素のVimを使っていて、もっと快適にコードを書きたい人 どこかのvimrcをコピペしてきて理解しないまま使い続けてる人 Node.jsやJavascriptでコ
VimでESLintとFlowを使うためにNeomakeからALEに乗り換える - Qiita
はじめに [Vim]SyntasticによるESLintチェックが遅いのでNeomakeに乗り換えた - dackdive's blog ここで書いたように ESLint を Syntastic で実行するのはちょっと重いなというのがあって Neomake という非同期で lint チェックできるプラグインに乗り換えた。 それからしばらくして Flow を触り始めたのだが、 ESLint と Flow を同時に使おうとすると Neomake では色々問題があったので ALE という別のプラグインを使うことになった。 最初にまとめ 以下を満たすのは Neomake では無理で、ALE では可能だった ESLint・Flow のどちらか一方がインストールしたプロジェクトでも問題なく使える 現在編集中のファイルに対してだけチェックをかけることができる 軽い（非同期で実行される） ALE はインス
[vim]vimでmarkdownをリアルタイムプレビューできるようにする - dackdive's blog
すでにあちこちで紹介されてるので目新しいことはありませんが vimでmarkdown形式のファイルを編集中にブラウザでプレビューでき、 さらに変更がリアルタイムに反映されるように設定しました。 ちなみに、以前はこちらの記事にある設定でやってました。 （こちらはリアルタイムには反映されません） Vim で GitHub Flavored Markdown をプレビューする - すぱぶろ 必要なもの plasticboy/vim-markdown kannokanno/previm tyru/open-browser.vim インストール 全部NeoBundleでインストールします。 .vimrc NeoBundle 'plasticboy/vim-markdown' NeoBundle 'kannokanno/previm' NeoBundle 'tyru/open-browser.vim'
![[vim]vimでmarkdownをリアルタイムプレビューできるようにする - dackdive's blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/adac4565f212dd929523d1644ffde4fd8015bc5e/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fd%2Fdackdive%2F20140911%2F20140911212723.png)
初心者こそ、お洒落でvimらしい使い方を学ぼう！
vimをvimらしく使っていますか？ ネットで「vimの使い方」と検索すると、vimにはモードがある事を教えてくれたり、カーソル移動やよく使う編集のためのキーバーインドの一覧をまとめてくれていたりするページが沢山ヒットします。 それらを読んで、実際に使ってみて 「うはぁ、vimって超便利！もう手放せないぜ！」 って、なりましたか？ 私の場合は、正直、「何これ？モード移動とか超面倒クセーーー」って感じでした。 vi 対 Emacs どっちが最強？！ とか、言われているはずなのに、普段、Emacsを使っていた私にとっては、vimの何処が良いのか、さっぱり分かりませんでした。 私は、別にEmacs信奉者であるというわけでは無く、どちらかと言えば、マニアックな操作感を持つvimに常に魅力を感じていて、使えるようになりたいなぁと憧れさえ持っていました。 なので、偶にネットでvimの使い方を検索してみ
Vim講座1 - think and error
Vim講座3 - think and error テキストエディタであるvimはとても扱いやすいのだが、Vimてモード概念があって敷居が高い（誤用）よね。ということで少しだけ書いてみる。 viキー操作メモ(Hishidama's vi Memo) こんなサイトもあるわけなのだけど、これ不便。普段使わないものまで全て書いてあるからだ。 初心者にとっては、どこまで知ればミニマルなのかが知りたいというのに。 概要 モード概念 カーソル移動 インサートモードへ 保存 ////////////基礎終了//////////// ビジュアルモードとコピペ ジャンプ 置換 Undo,Redo[***IMPORTANT***] 一文字置換 こうやってみると長そうだね． モード概念 モードは4つ。ノーマルモード、インサートモード、ビジュアルモード、コマンドモード。 ノーマルモード 起動したときはこのモード。移
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
F.A.Q
Configure highlighting · Issue #21 · posva/vim-vue