Explore

[DB]

Todo

Todo

Check

Item

Description

Type

Code Style 檢查

Eslint + prettier

多國語言

i18n-vue + Google Sheet 管理

vs code 設定

透過 .vscode/setting.json，讓開發者統一開發環境設定。

CI / CD

自動化測試、部屬、整合

建立 gitlab-ci.yml

路徑別名

在 vue.config.js 設定路徑別名，方便開發時找到絕對路徑。

開發模式

分為 Local、DEV、SIT、PROD 模式

在 package.json 建立 script

建立環境變數 .env.[mode]

NPM package

上架到 NPM，做成獨立插件

mock server

虛擬 API

支持 GraphQL

支持 REST Full

Ajax

Call API 用途

index.js 攔截器(可攔截一些已知狀態)

支持 GraphQL

支持 REST Full

統一寫到 api/[Name]-[Type]-provider.js

可設定背景

background-image / background-color

可設定標題: Logo 或 Text

忘記密碼連結

先複製 Sign in，改標題，之後再改介面

註冊連結

先複製 Sign in，改標題，之後再改介面

帳號、密碼 icon

Bootstrap 有 Icon 可以用

多國語言

使用 Bootstrap Form 建立表單

參考

Bootstrap-vue Forms

⁠

有 Validate 功能

參考

Bootstrap forms Validation

⁠

參考

Bootstrap-vue Forms

⁠

【Rule 寫在 _global 的 utils/rules.js】

(常用的 validaion 看能不能集中管理)

submit 之後才檢查

帳號密碼錯誤

帳號密碼不可為空

有 PlaceHolder 提示

帳號: Username

密碼: Password

登入成功

登入成功直接跳轉到後台首頁

FormSetting

透過設定檔建立 Form Items

Validator

資料驗證提示

資料驗證成功和失敗狀態

錯誤提示改成浮動特效

Provider / Inject

Submit

Reset

還原 default 值

Checkbox

Switch

Input

InputNumber

Textarea

Radio button

DatePicker

TimePicker

Upload

Rating

Select

Spinbutton

Tag

Modal switch

Header

Type: [String, Component]

Body

Type: [String, Object, Component]

Footer

Button: [Confirm, Cancel, Other Button]

Button callback support

Type: [Array, Component]

Modal function support

Vue.Prototype.$modal

Mask switch

gitlab-ci.yml basic

autoDevop to gitlab pages

automatic deployment to server

gilab-ci run dockerfile

build image and tag

copy nginx.conf

docker run project and connect with server port

Auto DevOps

survey GitLab CI tag 優化

Tag 簡化: 結合 PROD、SIT、DEV

Docker image 簡化: 用一隻 image run 出不同環境。

Title

[Text, Image]

Nav

兩層目錄

動畫

RWD Nav

Hamburger

Drop menu

Footer

version

收合開關

Style

封裝 package

使用 yarn build:lib，打包 UI Library

用 Vue.use 插入所有組件

按需加載所有組件

載入 css

包含 BootstrapVue 和 Bootstrap 的 css

上架到 NPM

建立組織

撰寫 Readme

There are no rows in this table

⁠

Want to print your doc?
This is not the way.

Try clicking the ··· in the right corner or using a keyboard shortcut (

CtrlP

) instead.