trello与wekan
Vue-Trello (vue-trello)
Trello clone with Vue and Vuex.
Trello与Vue和Vuex克隆。
![Trello-clone-with-Vue-and-Vuex](https://i-blog.csdnimg.cn/blog_migrate/e086058d541dc04b5131677553a7a684.png)
特征 (Features)
Vue.js v2
Vue.js v2
Vuex v2
Vuex v2
Handle state with actions and mutations (Vuex)
通过动作和突变处理状态(Vuex)
Getters to manage partial state in Components
获取器以管理组件中的部分状态
Scoped styles with Sass/SCSS
Sass / SCSS的范围样式
User can create multiple boards, lists and tasks
用户可以创建多个板,列表和任务
Vue-Router to show different boards
Vue-Router显示不同的板
Persistence with Firebase
Firebase的持久性
下一步 (Next steps)
User authentication
用户认证
Create Vuex modules when the app grow with new features
当应用程序增加新功能时创建Vuex模块
Lazy loading modules in Vuex and Route based components
Vuex和基于路由的组件中的延迟加载模块
配置 (Configure)
Create a new project on Firebase Console and then create a web app and copy the configuration object.
在Firebase控制台上创建一个新项目,然后创建一个Web应用程序并复制配置对象。
Rename src/firebase/settings.js.sample
to src/firebase/settings.js
and paste it the firebase configuration project.
将src/firebase/settings.js.sample
重命名为src/firebase/settings.js
并将其粘贴到firebase配置项目中。
Open .firebaserc
file and change the value of default project for your just created firebase project.
打开.firebaserc
文件,并为刚创建的firebase项目更改默认项目的值。
构建设置 (Build Setup)
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
翻译自: https://vuejsexamples.com/trello-clone-with-vue-js-for-educational-purposes/
trello与wekan