LoginSignup
36
47

More than 5 years have passed since last update.

【俺メモ】Node.js向け - 俺的Windows開発環境構築(便利ツール含む)

Last updated at Posted at 2016-04-01

Linuxで開発するのええけど、最近はWindowsでもNode.jsの開発がやりやすくなったで。

Node.js関連

Nodist - Node.jsバージョン切り替え&インストーラ

ローカルにNodejsのバージョンを切り替えてインストールできるツール。
インストーラができてぐっと敷居が下がったで。
公式ページ:https://github.com/marcelklehr/nodist
Nodistの使い方についてはこっちが詳しいで。
node.js インストール備忘録(windows7)

Node.jsパッケージ

よく使うもんを入れておくか。

  • node-coffee :coffeeスクリプトで書けるようになるで。
  • node-dev :jsの変更時にnodeを自動で再起動してくれるで。
  • jade :Jadeでhtml記述するさかい必要なんやで。
  • gulp :タスクランナーや。minifyやコンパイルの自動化やね。
  • gulp-rename :gulpプラグイン(ファイルリネーム)
  • gulp-minify-css :gulpプラグイン(css圧縮)
  • gulp-uglify :gulpプラグイン(js圧縮)
  • gulp-minify-html :gulpプラグイン(html圧縮)
  • gulp-jade :gulpプラグイン(jadeコンパイラ)
  • gulp-coffee :gulpプラグイン(coffeescriptコンパイラ)
  • gulp-plumber :gulpプラグイン(タスク継続)
  • browser-sync :gulpプラグイン(ブラウザ自動リロード)

Git関連

Git For Windows - Windows版Git

とりあえず、Git使うにはまずこれでしょ。
git-bashも入って、Linuxコマンドも使えるようになるから便利やわぁ。
公式ページ:https://git-for-windows.github.io/
インストール時に間違うとLinuxのコマンドとか入らへんから注意な。
こっちが詳しく書いてくれてるで。
私家版 Git For Windowsのインストール手順

SourceTree for Windows - Git GUIツール

GitのGUIツール。あんまり出番はないけど、ブランチとかごっちゃになってきたときは使えるで。
公式ページ:https://www.sourcetreeapp.com/

WinMerge - 差分確認ツール

Gitとは直接関係ないけど、Gitと連携して差分確認できるで。
公式ページ:http://winmerge.org/?lang=ja

.gitconfig設定

git使うにはココが肝心やで。
diffはWinMergeを使うように設定するで。(インストールパスはでふぉのまま)

.gitconfig
[user]
    name = <ユーザー名>
    email = <メールアドレス>
[core]
    autocrlf = false
    quotepath = false
[alias]
    br = branch
    co = checkout
    st = status
    d = difftool -d
    dc = difftool -d --cached
    dh = difftool -d HEAD~
    graph = log --graph --date-order --all --pretty=format:'%h %Cred%d %Cgreen%ad %Cblue%cn %Creset%s' --date=short
[color]
    ui = auto
[push]
    default = current
[diff]
    guitool = WinMerge
[difftool "WinMerge"]
    path = C:/Program Files/WinMerge/WinMergeU.exe
    cmd = \"C:/Program Files/WinMerge/WinMergeU.exe\" -r -u \"$LOCAL\" \"$REMOTE\"
[merge]
    tool = WinMerge
[mergetool "WinMerge"]
    path = C:/Program Files/WinMerge/WinMergeU.exe
    cmd = \"C:/Program Files/WinMerge/WinMergeU.exe\" \"$MERGED\"

Gitチートシート

コマンド忘れたときにみるんやで。
GitHub Gitチートシート
逆引きGit

仮想環境(テスト環境)関連

VirtualBox - 仮想環境構築

開発マシン内にテスト環境を構築するで。
公式ページ:https://www.virtualbox.org/

Vagrant - 仮想環境操作ツール

VirtualBoxの操作に使うで、めっちゃ便利やわ。
公式ページ:https://www.vagrantup.com/
一通り使い方はこっちが詳しいで
Vagrantの使い方

コマンドプロンプト・Shell関連

ConEmu - 高機能コマンドラインツール

選択でコピー、右クリックでペースト、さらにタブ化、もういっちょさらにスタートアップタスクにとめっちゃ活躍やわ。
node-devやcoffee -wcとかで大活躍やで。
公式ページ:https://conemu.github.io/

エディタ関連

Brackets - コードエディタ

SublimeTextから乗り換えますた。完全フリー、日本語まわりも大丈夫やし。
公式ページ:http://brackets.io/

Barcketsプラグイン

  • JavaScript Globals :JSのグローバルオブジェクトにマーク付けてくれる。
  • Beautify.io :JS、CSSの整形に使うで。
  • Overscroll :ソースコードのさらに下までスクロール出来るようになる。結構重要。
  • Paste and Indent :コピペ時のインデント揃え。
  • Shizimily Multi-Encoding for Brackets :UTF-8以外の文字コードも扱えるようになるで。
  • Brackets Css Color Preview :CSSで設定してる行にカラーマークを追加する。
  • ColorHints :カラー入力中にヒントを出してくれる。
  • Interactive Linter :リアルタイム警告表示やで。

Bracketsテーマ

テーマの選定にはこちらを参考にさせてもらったで。
テーマカラー89種類まとめ

  • Material Light :背景色は白、文字も細めであっさり系。

サクラエディタ - その他テキスト編集

なんだかんだ言ってもコード以外のテキスト編集に良く使ってるわ。
エクセルと組み合わせて大量のデータを生成したりと、色々やで。
公式ページ:http://sakura-editor.sourceforge.net/

36
47
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
36
47