用 VuePress 製作說明文件頁面 – 4:佈景主題、外掛

用 VuePress 製作說明文件頁面 – 4:佈景主題、外掛

本篇大綱:本篇要解決的問題。安裝佈景主題。安裝外掛(插件)。原始碼、Demo。如果要跟官方的看起來不太一樣,就必需要自行安裝好其它佈景主題,不然一眼看過去就會是 Vue 的說明文件複製貼上改個字,想嚇人就只能嚇些沒看過 Vue 文件的。

用 VuePress 製作說明文件頁面 - 1:安裝

用 VuePress 製作說明文件頁面 – 1:安裝

本篇大綱:本篇要解決的問題。安裝前必備。安裝 VuePress。建立首頁。注意事項。之前忘了在哪看到 VuePress 這套開箱即用的靜態網站生成器,想說平常都在用 Vue 了,那不如就用用看這套,看能不能把所有要用的 components 及範例都整理成一個有模有樣的頁面。

Vue CLI 安裝 Tailwind CSS

Vue CLI 安裝 Tailwind CSS

本篇大綱:本篇要解決的問題。安裝 Tailwind CSS -none、minimal、full。postcss.config.js。Google 了一下後,在 npm 上發現有一個套件可以直接安裝,而且容易上手,就整理成這篇。

Nuxt.js一些好用的設定

Nuxt.js 一些好用的設定

本篇大綱:Nuxt.js用起來蠻順手的。新增nuxt專案。head的lang修改。修改整頁使用的模版。用不同的layout。使用sass、pug。npm run generate到相對路徑。這篇是筆記在看文件時,覺得未來會用到的,或是在開發過程中遇到的問題,然後研究一陣後找到的解法,作一個整理。

Nuxt.js 引用Firebase SDK

Nuxt.js 引用 Firebase SDK

本篇大綱:Nuxt.js 學習中。1 新增firebase.js。2 更新nuxt.config.js。3 各頁面引用。最近在看Nuxt.js的文件,剛好手上有一個站當初是用Vue Cli的,想來轉用nuxt.js,沒想到在第一步引用Firebase SDK就卡關。

Vue.js 用computed跟filter做一個簡易搜尋功能

Vue.js 用 computed 跟 filter 做一個簡易搜尋功能

本篇大綱:Demo說明。抓RSS的XML,並轉成JSON。RSS to JSON 線上工具。Google Apps Script寫一個XML to JSON的function。Computed + filter執行搜尋功能。原始碼、Demo。抓RSS的XML比較簡單,比較麻煩的是要把XML轉成JSON來使用。

Let's Write

前端工程師 Augustus 的學習筆記 — solving problems, in simple ways.