基于 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