2015-07-12

【sublimetext】jslintインストール方法

node.jsをインストールしている前提

・参考URL

<a href="http://kawachodev.hatenablog.jp/entry/2013/07/19/230747" data-mce-href="http://kawachodev.hatenablog.jp/entry/2013/07/19/230747">Windows に JSHintをインストールしてみた - かわちょでぶろぐ</a>kawachodev.hatenablog.jp

window7でjslintインストールの際cmdでプロキシ設定と管理者権限での実行が必要

・参考URL

Linux：node.jsをインストール - HiiHahWIKI - making some notes for... -

cmdでの管理者設定はcmdで右クリックから管理者権限でウィンドウを開く事ができる

2015-07-10

【メモ】5分で導入できる！タスクランナーGulp

▪︎参考URL

http://ics-web.jp/lab/archives/3290

node.jsダウンロード

ターミナルで確認

Node Package Managerバージョン確認

nmp -v

作業フォルダをターミナルにドラック＆ドロップ

対象フォルダにjsonファイルを作成

▪︎参考URL

npmでnode.jsのpackageを管理する - Qiita

npm init

Gulpをインストールする

▪︎参考URL

ビルドツール「gulp.js」を使ってみる | MONSTER DIVE【モンスターダイブ】

sudo npm i -g gulp

sassはrubyも使っているので確認

※macはデフォルトで入っている

▪︎参考URL

そろそろ整理しておきたい、Gemコマンドの使い方 - ばくのエンジニア日誌

gem -v

sassをインストール

sudo gem install sass

指定したフォルダにjsファイルとして書き出しを行うためのgulpfile.jsを作成

▪︎参考URL

gulp-sass

▪︎js

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function () {
gulp.src('./sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./css'));
});

gulp.task('sass:watch', function () {
gulp.watch('./sass/**/*.scss', ['sass']);
});