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

淺談vuepress 踩坑記

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

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

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

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

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

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

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

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

開(kāi)始使用

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

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

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

示例網(wǎng)站

github地址

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

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

相關(guān)文章

  • elementui中的el-cascader級(jí)聯(lián)選擇器的實(shí)踐

    elementui中的el-cascader級(jí)聯(lián)選擇器的實(shí)踐

    本文主要介紹了elementui中的el-cascader級(jí)聯(lián)選擇器的實(shí)踐,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • 基于Vue3和element-plus實(shí)現(xiàn)登錄功能(最終完整版)

    基于Vue3和element-plus實(shí)現(xiàn)登錄功能(最終完整版)

    這篇文章主要介紹了基于Vue3和element-plus實(shí)現(xiàn)一個(gè)完整的登錄功能,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-03-03
  • Vue學(xué)習(xí)之常用指令實(shí)例詳解

    Vue學(xué)習(xí)之常用指令實(shí)例詳解

    這篇文章主要介紹了Vue學(xué)習(xí)之常用指令,結(jié)合實(shí)例形式詳細(xì)分析了vue.js創(chuàng)建實(shí)例、常用指令及相關(guān)操作技巧,需要的朋友可以參考下
    2020-01-01
  • vue導(dǎo)入.md文件的步驟(markdown轉(zhuǎn)HTML)

    vue導(dǎo)入.md文件的步驟(markdown轉(zhuǎn)HTML)

    這篇文章主要介紹了vue導(dǎo)入.md文件的步驟(markdown轉(zhuǎn)HTML),幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下
    2020-12-12
  • Vue中的el-date-picker時(shí)間選擇器的使用實(shí)例詳解

    Vue中的el-date-picker時(shí)間選擇器的使用實(shí)例詳解

    el-date-picker是Element UI框架中提供的日期選擇器組件,它支持單個(gè)日期、日期范圍、時(shí)間、日期時(shí)間等多種選擇方式,本文給大家介紹Vue中的el-date-picker時(shí)間選擇器的使用,感興趣的朋友一起看看吧
    2023-10-10
  • vue頁(yè)面離開(kāi)后執(zhí)行函數(shù)的實(shí)例

    vue頁(yè)面離開(kāi)后執(zhí)行函數(shù)的實(shí)例

    下面小編就為大家分享一篇vue頁(yè)面離開(kāi)后執(zhí)行函數(shù)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-03-03
  • vue 數(shù)據(jù)(data)賦值問(wèn)題的解決方案

    vue 數(shù)據(jù)(data)賦值問(wèn)題的解決方案

    這篇文章主要介紹了vue 數(shù)據(jù)(data)賦值問(wèn)題的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2021-03-03
  • 前端vue播放m3u8、flv、mp4視頻的方法示例

    前端vue播放m3u8、flv、mp4視頻的方法示例

    這篇文章主要給大家介紹了關(guān)于前端vue播放m3u8、flv、mp4視頻的方法,隨著前端大屏頁(yè)面的逐漸壯大,客戶(hù)的需求也越來(lái)越多,大屏上面展示的事物也越來(lái)越豐富,需要的朋友可以參考下
    2023-07-07
  • vue3 獲取元素高度不準(zhǔn)的問(wèn)題

    vue3 獲取元素高度不準(zhǔn)的問(wèn)題

    這篇文章主要介紹了vue3 獲取元素高度不準(zhǔn)的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • el-table?fixed固定列導(dǎo)致錯(cuò)位的解決方法介紹

    el-table?fixed固定列導(dǎo)致錯(cuò)位的解決方法介紹

    ElementUI中el-table設(shè)置指定列固定不動(dòng),不受滾動(dòng)條影響,下面這篇文章主要給大家介紹了關(guān)于el-table?fixed固定列導(dǎo)致錯(cuò)位的解決方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-11-11

最新評(píng)論