PTTChatOnYoutube

在Youtube上面顯示PTT推文

如何開始開發

在專案底下輸入 npm install 安裝開發環境，VSCode設定請開啟 "javascript.format.insertSpaceBeforeFunctionParenthesis": true

推薦使用violentmonkey，並使用chrome開發，Firefox無法載入本地檔案

在專案底下輸入 npm run watch-dev，每次腳本存檔都會自動更新腳本

在專案底下輸入 npm run watch-scss，每次css存檔都會自動更新腳本

如果需要追蹤scss，可以使用 npm run watch-scss-map就會生成帶map檔的css，但是限定http使用。

腳本更新依照下面步驟操作之後存檔完在violentmonkey設定那邊按一下更新就能測試

Chrome:

管理擴充功能/套件->允許存取檔案位置打勾

在腳本更新網址輸入腳本路徑file:///C:/.../publish/PTTChatOnYt.user.js

Firefox:

在專案底下輸入 npm run http開啟本地伺服器

在腳本更新網址輸入伺服器腳本位置http://127.0.0.1:8889/publish/PTTChatOnYt.user.js

Coding Style:

程式碼使用StandardJS及eslint-plugin-vue確保程式碼風格，並且會在commit之前做檢查，可以手動執行npm run lint確認有沒有錯誤及警告。

安裝eslint以在pre-commit前檢查npm i -g eslint

VSCode

設定請開啟 "javascript.format.insertSpaceBeforeFunctionParenthesis": true

建議及回報

因為我本身是寫Unity C#，前後端都不太了解也不常碰js。

如果有任何建議或指教請歡迎討論或發PR。

TODO List

App

彈幕版本

PTT

任務柱列功能

Script

透過vuex element資料傳輸 vue教學 todolist範例 todolist範例2
根據網址撈實況開始時間HoloStats 舊版api 新版api req測試
測試彩虹官網的支援度，彩虹的開台統計

CSS

確認套件在各網站的排版都正常且一樣

贊助

如果你覺得這個套件好用，歡迎點我贊助或使用下方QR Code。

本專案授權

使用的開源程式碼授權

term.ptt.cc 自動登入

author       maple3142
namespace    https://blog.maple3142.net/
license      MIT

enable-vue-devtools

author       楼教主
MIT License
Copyright (c) 2019 楼教主

rushive / PTTChatOnYoutube