iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 12
2
自我挑戰組

我在繡房繡小主常服的日子-- 初入前端工程師的第一個小挑戰系列 第 12

[12] Gulp - 安裝Gulp

去年的鐵人賽
剛好也遇上要使用 gulp
當時我只是從前輩的repository fork下來。

今年試著自己來寫寫看吧!!


首先要先安裝node.js

在VSCode的終端機輸入指令建立一個資料夾

mkdir tryToGulp
cd tryToGulp

在全域環境下安裝gulp:npm install -g gulp

或是只有在專案底下的資料夾安裝gulp:npm install --save-dev gulp

gulp

npm init

npm init
輸入repository的基本資料
會產生一個名為 package.json 的檔案在剛剛的資料夾中

再創建一個名為gulpfile.js的檔案

gulpfile.js

加入下列程式碼

var gulp = require('gulp');

// 會執行預設的工作
gulp.task('default', function () {
  console.log('Try to use gulp');
});
// 執行名為sayhello的工作
gulp.task('sayhello', function () {
  console.log('Hello Gulp!');
});

在終端機輸入

gulp

會執行預設的工作內容
default

終端機輸入

gulp sayhello

sayhello


成功執行了!!!
明天來試著寫task


上一篇
[11] firebase database 更新資料
下一篇
[13] Gulp - 撰寫Task
系列文
我在繡房繡小主常服的日子-- 初入前端工程師的第一個小挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言