基於 Vue.js 的支持本地化儲存記事本 SPA

? VUEMEMO

基於 Vue.js 的簡單記事本 SPA ，Mint-UI、Vue、VueRouter、Vuex，使用localStorage做爲數據本地持久化，並支持使用Markdown格式筆記，主要功能有增查改刪筆記、按條件過濾和排序筆記、並支持文字和圖片等形式的筆記

? DEMO

點擊這裏看演示：DEMO

源代碼：github

? BUILD SETUP

# 安裝依賴
npm install
# 開發模式localhost:8080
npm run dev
# 打包構建
npm run build

? 主要功能

• v1

  • ✔️響應適配
  • ✔️建立、修改筆記
  • ✔️刪除部分或所有筆記
  • ✔️查看筆記詳細內容
  • ✔️標記筆記是否完成
  • ✔️切換筆記顯示模式

• v2

  • ✔️按是否完成進行過濾
  • ✔️按建立時間排序
  • ✔️按完成狀況進行過濾
  • ✔️按類別進行過濾
  • ✔️收藏、取消收藏和顯示收藏筆記
  • ✔️經過localStorage對象的數據本地持久化

• v3

  • 支持Markdown格式
  • 實時保存筆記
  • 經過base64支持保存圖片
  • 經過Canvas支持繪圖

MESSAGE ME

• github
• blog
• email