一.gulp(前端自動化工具)(mac系統)
參考網頁：https://blog.csdn.net/c_kite/article/details/73165427
1.安裝全局gulp命令
npm install -g gulp
創建一個項目文件夾,mkdir文件夾或者之間右鍵新建文件夾， 進入當前項目文件夾下，cd 文件夾，輸入命令npm init
配置package.json文件, 這一部分看情況自己決定是否填, 不想填也可以, 直接按回車
當前項目文件夾下輸入命令npm install gulp --save-dev
全局安裝gulp後，還需要在每個要使用gulp的項目中都單獨安裝一次
再在這個文件下創建一個gulpfile.js文件，作爲該項目配置文件。
var gulp = require("gulp");//引入本地安裝的 gulp模塊
gulp.task("default",["task1","task2"],function(){//default 爲默認任務名，這種情況只需要在命令行中輸入 gulp即可。 如果有特定的taskName,需要在命令行中實行 gulp taskName
console.log("hi, gulp")
});
gulp.task("task1",function(){
console.log("task1 is here");
});
gulp.task("task2",["task3"],function(){
console.log("task2 is here");
});
gulp.task("task3",function(){
console.log("tesk3 is here");
})
gulp.task（）中的三個參數：第一個是命令的名稱，第二個是可選參數，類型是數組，表示當前關聯哪些命令，第三個是執行的操作函數。
上面的結果：先1，再3，再2，最後default。
用命令行輸入：gulp，就可以執行上面的代碼。
其實在項目文件夾下輸入命令gulp時, 就是觸發這個default任務, 因此, 我們定義多個自定義事件, 這樣在輸入gulp時, 就可以直接將我們寫的命令也一起觸發。
gulp API
gulp.src(globs[, options])
globs參數是文件匹配模式(類似正則表達式)，用來匹配文件路徑(包括文件名)，當然這裏也可以直接指定某個具體的文件路徑。當有多個匹配模式時，該參數可以爲一個數組。
options爲可選參數。通常情況下我們不需要用到。
gulp.watch(glob[, opts], tasks)
gulp.watch()用來監視文件的變化，當文件發生變化後，我們可以利用它來執行相應的任務，例如文件壓縮等。
2.要運行一個已經寫好的gulpfile.js文件。
命令進入gulpfile.js文件的目錄，在這個目錄中gulp。如典當行的例子，cd DianDangHang (輸入個cd D+tab鍵可以自動補全剩下的)
然後直接運行gulp就會在設置的目錄下把web代碼創建過去。這個通過gulp創建的main-webapp-web文件夾裏的代碼就是上傳到服務器的代碼，我們需要改原本帶有@@include下的html文件目錄下的include目錄下的文件，因爲gulp.watch在實時監控，所以只要改了代碼，就會在main-webapp-web文件相應改變。
二、mac下使用本地web服務器。
mac自帶apache,之前配置過。
配置鏈接：https://www.cnblogs.com/wanxudong/p/5846907.html
現在配置好的，直接輸入http://localhost，就可以顯示配置的目錄下的文件，配置在mac-用戶-sites文件夾下。然後把web代碼複製到文件下面就可以訪問本地服務器。
學長說idea可以不用複製，下一步研究idea，改代碼。