vue+php+elementui+axios個人博客項目地址:https://github.com/LeeToug/thinkphp-vue
通過上一篇文章的學習，我們已經搭建了一個vue項目的框架，
接着上次的命令(我創建的項目名是 ‘myvue')
cd muvue
先來說一下各文件的用處：
- build 文件夾: 裏面是對 webpack 開發和打包的相關設置，包括入口文件、輸出文件、使用的模塊等；
- config 文件夾: 主要是指定開發和打包中的靜態資源路徑、要壓縮的文件類型、開發使用的端口號、開發使用虛擬服務器跨域請求 api 等。
- node_modules: 項目的依賴庫；
- src 文件夾： 我們主要操作的地方，組件的增加修改等都在這個文件夾裏操作，下文會有詳細介紹；
- static 文件夾: 靜態資源文件夾，放置不會變動的資源，直接被複制到最終的打包目錄（默認是dist/static）下；
- index.html: 首頁文件，項目運行的時候，會自動將我們在 src 文件夾裏生成的組件插入這個文件裏；
- LICENSE: 項目聲明的 license；
- package-lock.json: 當 node_modules 或 package.json 發生變化時自動生成的文件。這個文件主要功能是確定當前安裝的包的依賴，以便後續重新安裝的時候生成相同的依賴，而忽略項目開發過程中有些依賴已經發生的更新；
- package.json: 指定項目開發和生成環境中需要使用的依賴庫；
- README.md: 相當於是一個備註文件，對項目開發過程中需要注意的地方進行一些說明。
安裝依賴
npm instll
啓動項目
npm run dev
出現如下界面：
我們在瀏覽器中打開最後一行的 http://localhost:8081。注意：是你自己窗口中最後一行的地址。
此時已經完成基本的項目創建了。
接下來打開項目中的src文件夾，上面我們說過，這裏是我們主要操作的地方。看一下目錄結構：
assets：資源目錄，放置一些圖片或者公共js、公共css。這裏的資源會被webpack構建；
components：組件目錄，我們寫的組件就放在這個目錄裏面；
router：前端路由，我們需要配置的路由路徑寫在index.js裏面；
App.vue：根組件；
main.js：入口js文件；
好了，現在可以開始你自己得項目了。有需要學習的朋友這個提供了一個簡單的例子，使用thinkphp+vue+elementui+axios做的一個個人博客網站。
git地址:https://github.com/LeeToug/thinkphp-vue
下一篇文章我會將該項目在做一個簡單的解說。