很早以前就開始看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里面,里面的屬性我還沒有全部弄明白,有時間定會去深究;
