利用vuecli搭建webpack_第1頁
利用vuecli搭建webpack_第2頁
利用vuecli搭建webpack_第3頁
利用vuecli搭建webpack_第4頁
利用vuecli搭建webpack_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、項(xiàng)目環(huán)境搭建：1.安裝node   (node  -v查看node版本)2.全局安裝vue-cliNpm install  -g  vue-cliVue:查看是否安裝成功Vue list：查看可用的模板3.創(chuàng)建一個(gè)基于 "webpack" 模板的新項(xiàng)目Vue init webpack project-name(默認(rèn)安裝2.0版本)Vue init webpack#1.0 project-name(安裝1.0版本)腳手架工具如下：-build中配置了webpack的基本配置、開發(fā)環(huán)境配置、生產(chǎn)環(huán)境配置等&#

2、160;-config中配置了路徑端口值等 -node_modules為依賴的模塊 -src放置組件和入口文件 -static放置靜態(tài)資源文件 -index.html文件入口webpack中的一些解釋new HtmlWebpackPlugin 這個(gè)插件的作用是把output輸出的文件自動插入到html里 1.cd project-name2.Npm install3.Npm run dev4.在瀏覽器輸入localhost:8080 效果如下：因?yàn)槭褂昧藄tylus語法，安裝完stylus-loader后依然報(bào)錯(cuò)，是因?yàn)閚pm 3+ 會報(bào)錯(cuò)，所以還需手動安裝stylus。問題一：安裝stylus-loader遇到的問題： 解決方法：npm i sytlus -save -dev 成功解決！問題二：vue-router應(yīng)用于組件內(nèi)時(shí)的矛盾  解決方法：如果遇到此問題，將VueRouter的引用放在App的引用下面，需App.vue先編譯完成 成功解決問題三：因?yàn)轫?xiàng)目中使用了字體圖標(biāo)，路徑也沒有問題別人那里也不報(bào)錯(cuò)但是我這里編譯后總是報(bào)錯(cuò)：后來終于解決

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論