欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談vuepress 踩坑記

 更新時(shí)間:2018年04月18日 09:55:01   作者:朱亮  
本篇文章主要介紹了淺談vuepress 踩坑記,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

vuepress是尤大大4月12日發(fā)布的一個(gè)全新的基于vue的靜態(tài)網(wǎng)站生成器,實(shí)際上就是一個(gè)vue的spa應(yīng)用,內(nèi)置webpack,可以用來寫文檔。恰好最近需要為一些組件寫文檔,就動手?jǐn)]了一波,畢竟剛發(fā)布,遇到不少坑,最終還是磕磕碰碰的運(yùn)行起來了,為了避免大家踩同樣的坑,特意將搭建的過程記錄下來,分享一波。

以下是幾個(gè)已知的問題

因?yàn)閡til.promisify是在node 8.0之后引入的,所以如果你不想像我一樣浪費(fèi)三個(gè)小時(shí)的時(shí)間,請查看并且更新node版本

建議不要使用webpack-simple的模板進(jìn)行試驗(yàn),否則會各種運(yùn)行不起來╮(╯▽╰)╭

使用cli的模板如果報(bào)錯(cuò)TypeError: Cannot read property 'vue' of undefined 是因?yàn)関uepress內(nèi)置的webpack的vueloader使用的版本和你本地的不一樣,請將本地的版本更新到穩(wěn)定最新版本

當(dāng)出現(xiàn)安裝官方文檔部署之后一直跳轉(zhuǎn)到404的情況時(shí),請使用路由的哈希模式來訪問

如遇到端口沖突等問題,在docs目錄下新建.vuepress文件夾,然后新建config配置文件對prot端口項(xiàng)進(jìn)行配置即可,具體可參照官方文檔

開始使用

使用cli新建一個(gè)webpack模板項(xiàng)目

//進(jìn)入項(xiàng)目首先安裝依賴
  npm install
  
  //將vue-loader進(jìn)行版本替換,使其和vuepress內(nèi)置的webpack里的vue-loader保持一致,否則會報(bào)錯(cuò)(不過尤大大已經(jīng)在解決版本沖突的問題了,版本待發(fā))
  npm update vue-loader@15.0.0-rc.2 --save-dev
  
  //接下來安裝vuepress
 npm install -D vuepress
 
 mkdir docs
 
 echo "# Hello VuePress!" > docs/README.md
 
 //最后一步啟動vuepress ,進(jìn)入docs目錄,使用vuepress dev命令即可
 
 cd docs
 
 vuepress dev
 
 //使用vuepress build即可完成對項(xiàng)目的打包
 
 //接下來就是按照官方的文檔,對你的網(wǎng)站進(jìn)行各種創(chuàng)造啦

項(xiàng)目部署的話我使用的是github,具體操作請參照官方文檔

示例網(wǎng)站

github地址

剩下的主題配置參照官方文檔的配置詳解就OK了,這里就不在贅述

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論