webpack+vue2.0項目 （一） vue-cli腳手架

很早之前就開始看vue2.0和webpack，但老是留不下深入的印象，一直缺乏一個能夠貫通的項目，並且工做也沒有時間，最近辭職在家，從網上找了個項目，寫了大概八天，踩了無數的坑啊！！

下載的項目包括，設計圖，源碼什麼的都有，只不過是它基於vue1.0構建的，我用vue2.0從頭寫了一遍

先寫下項目流程

1.vue-cli腳手架建立項目目錄（具體可見官網：https://github.com/vuejs/vue-cli）

npm install vue-cli -g

 

初始化項目依賴：(選擇webpack來構建打包項目)

vue init <template-name> <project-name>

vue init webpack my-project

 

上面那幾個相應的選擇下，ESLint是規範代碼，我關了，由於開了以後很蛋疼，一直報錯，喜歡的能夠開下，感覺一下，下面兩個是用來單元測試的，不用開；

此時你的根目錄下應該會有自多搭建的相應的目錄

 

打開根目錄下的 package.json 文件，裏面是本次項目所須要的依賴，就是各類壓縮，解析，路徑等等的東西；因此咱們要在命令行中運行

npm install

來安裝這些npm依賴包；安裝完成後項目會多出一個叫 node_modules 的文件夾

webpack具體的配置，都在bulid和 config裏面，裏面的屬性我尚未所有弄明白，有時間定會去深究；