用 vue.js 做了个 Notes 小 App ,通过这个练习,可以熟悉及理解使用 vue cli
创建的 vue 项目是如何运行,使用 webpack 模块化管理项目,且在这个小 App 里使用了 vuex 数据管理,可以更好的理解 State、Mutations、Getters、Actions 的概念且运用它们。
Notes 已经在网络上可以访问:Notes
项目的代码放在 GitHub 上,如想了解详情,可去 GitHub / vuex-notes 下载,或者使用 git 下载
cd desktop
git clone https://github.com/persilee/vuex-notes.git
cd vuex-notes
npm i //安装依赖
npm start //启动项目,访问 http://localhost:8080
效果如图:
nykee
博客地址:https://www.nykee.cn
博客名称:nykee`s blog
头像地址:https://image.nykee.cn/nykee.png
求换友链大佬
persilee
@nykee : OK,已经加好了
nykee
@persilee : 谢谢前端小伙伴
Anonymous
等风也等你
请问vue-notes这个可以添加笔记的源码可以给我一份学习吗? 我很喜欢这个功能,
等风也等你
@等风也等你 : 谢谢了
persilee
@等风也等你 : 可以,去 https://github.com/persilee/vuex-notes 下载
等风也等你
@persilee : 这里下载了,但是在网页无法访问
persilee
@等风也等你 : 这个是 webpack 管理的项目,你要安装 node ,再执行
这几个命令
等风也等你
@persilee : 谢谢了~
小彦
动态效果真好,问问,界面设计得好看,有什么前端框架么
persilee
@小彦 : semantic ui
小彦
@persilee : 分享好
援军
在家里装了cli后 跑公司用cdn引入写代码去了,完全没用上…… 到处搭环境太麻烦了(VUE菜鸡表示完全看不懂文档)
persilee
@援军 : 相对其他的,vue 还是挺容易学的...
YIR
很存粹耶,话说存在本地,那太省心了!
persilee
@YIR : 哈哈,是的我也不知道你写的什么,只有你自己知道