trello与wekan_Trello与Vue.js克隆用于教育目的

trello与wekan

Vue-Trello (vue-trello)

Trello clone with Vue and Vuex.

Trello与Vue和Vuex克隆。

特征 (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