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里面,里面的屬性我還沒有全部弄明白,有時間定會去深究;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM