基礎(chǔ)的目錄結(jié)構(gòu)如下圖所示

app： 目錄創(chuàng)建有兩種方式：

? ? ? ? ?1.直接新建目錄和文件；

? ? ? ? ?2.命令創(chuàng)建 ?

? ? ? ? ? mkdir ?css ?創(chuàng)建css文件夾

? ? ? ? ? dir > test.js? 創(chuàng)建test.js文件

server ：使用命令自動(dòng)生成目錄結(jié)構(gòu)? express -e . ?該命令是在nodejs的基礎(chǔ)上使用，使用之前必須安裝nodejs和npm；

? ? ? ? ? ? 檢查是否已經(jīng)安裝了node和npm ? node -v | ?npm -v

tasks：創(chuàng)建方式和app相同；

以上目錄結(jié)構(gòu)創(chuàng)建完，需要?jiǎng)?chuàng)建三個(gè)配置文件package.json，.babelrc，gulpfile.babel.js，使用命令的方式創(chuàng)建。

? ? ? ? cd主目錄下，npm init，命令行會(huì)提示你輸入項(xiàng)目名稱和版本號(hào)等，可以直接回車，如果需要修改可以修改；在這里沒有修改的話，最后在生成的文件中也是能修改的

繼續(xù)創(chuàng)建文件：

so，最后實(shí)際的項(xiàng)目目錄如下圖：

項(xiàng)目啟動(dòng)：gulp --watch