項目地址
Github 倉庫本體（發布版，下載地址在這里的 release 里）
Github 倉庫分身（開發版，clone 或 fork 這個）
splice
GUI workflow for Front-End developers based on Electron
功能
實現前端常用的文件處理功能：
- HTML：
- 壓縮 html
- 通過 html 中的注釋來合并 css / js
- CSS：
- 添加兼容性前綴
- 壓縮 css
- 圖片轉 base64
- 精靈圖
- 處理 css 文件并生成相應的精靈圖
- JS：
- 壓縮 js
- IMAGE：
- 壓縮圖片
- 將多張圖片合成精靈圖并生成相應的 css
- JSON：
- 壓縮 json
- 通用：
- 格式化
- 格式化 JavaScript, JSON, HTML 和 CSS 等文件
- 文件重命名
- 自定義設置
- 設置文件的導出目錄
- 格式化
其他：
- 快捷鍵：
- 刷新頁面：
Ctrl+Alt+R - 開啟或關閉開發者工具：
Ctrl+Alt+T
- 刷新頁面：
- 右鍵菜單：
- 刷新：刷新頁面
- 開發者工具：開啟或關閉開發者工具
- 檢查更新：檢查是否有新版本
- 重啟應用：刷新解決不了的問題就重啟吧
- 在線更新：
- 打開應用后默認檢查更新，右鍵菜單也可以點擊檢查更新
- 當 github 上存在更新的版本時，顯示 一鍵升級 按鈕
- 更新思路：替換文件，自動安裝新增的 npm 模塊（可能安裝失敗，可以到應用根目錄
...resources/app/手動安裝） - 要是更新后出了問題，操作項的表單有點奇怪（有重復的表單元素之類的 ），就打開開發者工具，選擇 Application 標簽，找到 Local Storage，然后刪掉緩存的數據，再右鍵刷新下 Splice 應用，應該就能恢復正常了（老天保佑！）
截圖
界面：
WIN
MAC
簡單操作：
壓縮并重命名圖片
下載地址
-
win zip（解壓了找到
splice.exe雙擊打開就能用） - win installer（雙擊該文件進行安裝，與開箱即用版差別就是該安裝器小了 5MB，(＃￣▽￣＃)）
- mac
開發
- 拉取項目
git clone https://github.com/SuperAL/splice-dev.git
下面是針對 splice 倉庫的 clone 操作，現在用上面的方法即可
git clone https://github.com/SuperAL/splice.git --depth=1
# 解釋一下那個 `--depth=1`，代表只獲取最新的 commit 記錄。
# 因為之前的一些誤操作，不小心將打包后的文件也上傳到了 git，即使文件刪掉了記錄還是存在，因此記錄文件超級大，直接導致 `clone` 超級慢。
# 加上 `--depth=1` 可以解決 `clone` 慢的問題。
- 安裝依賴
npm install
- 運行項目
npm run start
- 打包項目
# win 64位
npm run pack:win
# win 32位
npm run pack:win32
# mac，需要使用 mac 電腦
npm run pack:mac
第二種打包方式（使用了 electron-forge，該方式打包的 exe 版本比 electron-packager 大一點點）
# 全局安裝 electron-forge
npm install electron-forge -g
# 打包你當前使用的平臺的版本
electron-forge package
# 制作安裝器（installer）
electron-forge make
使用到的文件操作相關模塊
工具類
html 壓縮
通過 html 文件處理 css、js 文件的合并
css 壓縮、添加兼容前綴
將 css 中通過 url 引入的圖片轉成 base64
通過 css 生成精靈圖
js 壓縮
圖片壓縮
精靈圖處理
json 文件壓縮
JavaScript, JSON, HTML 和 CSS 代碼格式化
文件重命名
監聽文件變化，顯示 loading 效果
協議
GNU General Public License v3.0
本項目僅供學習交流和私人使用，禁止用作商業用途
