和大家分享一下在學習es6的過程中所積累的東西，也希望更多的朋友能夠互相學習

首先創建項目目錄

打開你的命令行，什麽文件下都可以，大家請隨意，我自己用的git，輸入 mkdir es6

創建一個完整的項目要有服務器，要有完成的借口提供我們數據，還要構建前端代碼的編譯和數據的刷新，所以我們要創建三個並行的模塊

第一：創建app，放置前端代碼 輸入mkdir app

第二：創建服務器 輸入mkdir server

第三：創建構建工具 輸入mkdir tasks

創建好對應的目錄，那麽對應目錄下的文件和文件夾也要一一創建好

aap目錄下要包含css文件，js文件和模板目錄放置html文件 要先進入app目錄 輸入cd app/

　輸入mkdir css

輸入mkdir js

輸入mkdir views

es6的規則比較嚴謹，對類的把握比較嚴格，比如js下就要分為類進行，那麽我們就要在相應的文件夾下繼續創建

輸入mkdir js/class

空的目錄是沒有任何作用的，接下來我們要初始化幾個文件

首先：先創建一個空的類文件 輸入touch js/class/test.js

其次：初始化一個入口文件 輸入touch js/index.js

css目前暫時先不創建，因為這對我們的總體是不影響的

接下裏我們要再創建兩個模板文件（為啥是ejs而不是html，因為在通過接下來的實例中，我所用的數據信息，通過的服務器代碼expess node.js來做的，他的模板引擎就是ejs，為了方便大家也可以直接就理解為html）

第一：錯誤的模板 輸入touch views/error.ejs

第二：入口的模板 輸入touch views/index.ejs

直到此處app裏面的創建算是基本完成，那麽接下來我們要進入server目錄來創建 輸入cd ../server/

server目錄

在創建server文件時我們要借用express腳手架，而使用這個腳手架的前提下要先安裝node.js，這個應該都難不倒大家（安裝好的，我們進行下一步）

直接運行express腳手架 輸入express -e .（含義：express 啟動腳手架 -e就是使用ejs這個模板引擎 . 表示在當前目錄執行）

輸入npm install，安裝好後，接下來回到我們的構建工具目錄 輸入 cd../tasks/

tasks構建工具目錄

這個目錄下我們要創建很多文件的js，文件的合並，腳本的編譯和模板的自動更新等等 其中有一個是需要輸入命令行參數的，我們輸入命令行工具，他要對其做解析，那我們就先來創建

創建一個util，放置一些常見的腳本 輸入 mkdir util

初始化文件一個文件 輸入touch util/args.js

到此我們的目錄基本創建了一些和一些初始文件，那麽在我們根目錄文件下我們還要創建哪些文件才算是將我們呢的es6的目錄創建完成呢？我們先回到我們的根目錄下

輸入 cd../

第一：項目要安裝依賴包，必須要有一個package.json 我們可以自動創建 輸入npm init 會出現讓你輸入項目的名稱，點回車，項目的版本號(可以自己輸入的)，剩下的不想寫就不用寫的， 直接一路回車就可以了，最後輸入y，同意。這就已經創建好了package.json，有了這個文件，我們就可以通過npm install創建我們想要的npm依賴包

第二：設置babel編譯工具的配置文件 輸入touch .babelrc（這裏要註意了，這個文件時不能隨便起名字的，babel編譯時會自動去找這個文件，如果找不到，他就沒法找到配置，所以名稱是固定 的）

第三：gulp配置文件（我們整個項目的構建工具是使用的gulp工具做編譯的）輸入 touch gulpfile.babel.js（官網上回要求我們創建一個gulpfile.js，而我們接下來的項目是運行在es6環境之下，如 果不加babel，那麽在運行的時候會報錯，這個名稱是固定的）

總結：這就是我們整個項目的es6的整個目錄的創建和初始文件的創建，接下來就是我們正式的進行編碼的過程，請繼續關註我的後續博客的更新

es6零基礎學習之項目目錄創建（一）