基礎的目錄結構如下圖所示
app: 目錄創建有兩種方式:
? ? ? ? ?1.直接新建目錄和文件;
? ? ? ? ?2.命令創建 ?
? ? ? ? ? mkdir ?css ?創建css文件夾
? ? ? ? ? dir > test.js? 創建test.js文件
server :使用命令自動生成目錄結構? express -e . ?該命令是在nodejs的基礎上使用,使用之前必須安裝nodejs和npm;
? ? ? ? ? ? 檢查是否已經安裝了node和npm ? node -v | ?npm -v
tasks:創建方式和app相同;
以上目錄結構創建完,需要創建三個配置文件package.json,.babelrc,gulpfile.babel.js,使用命令的方式創建。
? ? ? ? cd主目錄下,npm init,命令行會提示你輸入項目名稱和版本號等,可以直接回車,如果需要修改可以修改;在這里沒有修改的話,最后在生成的文件中也是能修改的
繼續創建文件:
so,最后實際的項目目錄如下圖:
項目啟動:gulp --watch