vue + webpack 的項目初體驗

       已經工做3年了，發現本身學習和工做的經歷都沒有什麼記錄，因此此時開始了個人第一篇博客，文字粗鄙，敬請見諒。閒話就很少說了，進入正片吧。
       webpack和vue各自的特色也應該不用我重複了吧，這裏就根據我本身的在實際項目中的步驟來給你們呈現吧。
        1.環境的搭建
                在這裏先聲明下，我所用到的技術的版本可能都不是最新的版本，請你們斟酌。
                先安裝node.js,而後創建項目和對應的文件夾。

                

        2.package.json的配置

                

                這裏面主要的模塊是babel,vue的經常使用loader模塊以及webpack

        3.webpack-config.js的配置

                

                webpack的使用這裏我就很少，這裏推薦一篇webpack入門教程，我以爲不錯http://www.jianshu.com/p/42e11515c10f#

                4.具體項目

                        js的編碼風格我是es6和es5混合着用，由於對es6不夠熟悉，你們見諒。

                         程序入口是main.js,

                    

                    先將須要的模塊引入，這裏我是用vue-router來處理路由的，並使用h5路由模式，使連接看上去更美觀，但使用時要注意在tomcat或者nginx進行相關配置，否則會出現404

                    在項目中我是使用單文件模式來編輯vue的各個組件，這種方式我以爲很是不錯，能夠將組件與組件之間的耦合進一步減小，以及代碼的維護也更方便。這是單文件組件的基本格式，很是清晰。

這裏要注意若是使用單文件組件的形式，那麼就必須在webpack中加入對.vue文件的處理。

項目大概的狀況也向你們介紹完了，在作這項目的過程當中也出現了很多阻礙和難點，請期待我後續更加深刻的文章吧，以後我會詳細介紹多個值得分享的環節，謝謝你們。首次碼字，對內容和文字的掌握不太夠，還望見諒。