基于 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支持绘图