HTML
JavaScript
Windows
Node.js

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

More than 1 year has passed since last update.

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/