[App] Toolbox
網頁開發相關
Command
快速啟動 local server
# Use python
$ python -m SimpleHTTPServer 3000
# Use python3
$ python3 -m http.server 3000
# 使用 serve
$ npx serve
# Use browser-sync
$ browser-sync start --server --files '**/*.css, **/*.html, **/*.js, !node_modules/**/*' --directory --port 7777 --browser 'Firefox Developer Edition'
# ngrok
$ ngrok http 8080 -host-header="localhost:8080"
套件
名稱 | 類型 | 內容 |
---|---|---|
video.js | 影音 | 影音播放器。 |
tus | 影音 | 一種用來作為續傳檔案的 protocol,提供 npm 套件可以使用,可搭配 Vimeo 使用。 |
plyr | 影音 | 好看的影音播放器。 |
echarts | 圖表 | |
highcharts | 圖表 | 方便繪製圖表,商業使用費用昂貴。 |
crypto-js | 加密 | JavaScript 方便用來加解密的套件。 |
datalist-polyfill | HTML | 補足在 Safari 等瀏覽器上不能使用 HTML datalist 的情況。 |
RecordRTC | 套件 | 根據 WebRTC 撰寫的 library |
gitignore | 套件 | CLI Tool 快速產生 gitignore 的檔案 |