芝生やDIY等のライフハックやWeb制作情報を発信するメディア

メニューを開く

フロントエンド設計時によく使用するコマンドまとめ

Web2016年8月11日

普段Webサイトを設計する際、イチイチコマンドをターミナルで打つのってとても面倒ですよね。
私はよく使用するコマンドはバッチファイルで行っています。

Gitでよく使用するコマンド

Gitからclone

git clone https://github.com/ユーザ名/リポジトリ名.git
  • 「git_clone.bat」で保存
  • もちろんGitHubでリポジトリを作成し、何かしらファイルがあることが大前提になります

Gitからpull

自宅と会社で同データを扱う際、会社での作業後に自宅でローカルに同期させるケースなどに使用します。

git pull
  • 「git_pull.bat」で保存

Gitにコミット

ログメッセージはあらかじめバッチファイルを編集しておけば、あとはこのバッチファイルを起動して、ユーザIDとパスワードを入力すればOKです。

git add -A
git commit -m "任意のメッセージ"
git push
  • 「git_commit.bat」で保存

Gulpでよく使用するコマンド

npmをインストール

npm install
  • Gulp環境構築の際、このバッチファイルを起動するだけでnpmがインストールされます
  • もちろんpackage.jsonは個別に用意しておく必要があります
  • 「gulp_install.bat」で保存

Gulpをスタート

このバッチファイルを起動するだけで、設計をスタートすることができます。

gulp
  • 「gulp_start.bat」で保存

バッチファイルにまとめておくだけで、作業時間を短縮することにもなります。
黒い画面が得意な方も苦手な方も、バッチファイルであればダブルクリックするだけで使えるのでお勧めです。

この記事を読んでいる方にオススメの記事

「Web」の他の記事を読む

この記事にコメントする

必須
必須
本文必須

  • 承認制のため、即時には反映されません。

ページの先頭に戻る