lotteryplatform

A Vue.js project ,後台管理系統

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

# run unit tests
npm run unit

# run all tests
npm test

# add 開發用plugin 到package.json
npm install xxxx套件 --save-dev

環境安裝說明：

環境：

• Node.js: https://nodejs.org/dist/v10.15.3/node-v10.15.3.pkg
• Visual studio Code: https://go.microsoft.com/fwlink/?LinkID=623230

VSCode 套件，可在Extensions收尋框內輸入「@recommended:workspace」即可顯示需要安裝套件

• VSCode Great Icons,檔案icon,https://marketplace.visualstudio.com/items?itemName=emmanuelbeziat.vscode-great-icons
• Copy Relative Path,複製檔案相對路徑,https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path
• Path Intellisense,自動顯示檔案路徑,https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
• Vetur,vue tools,https://marketplace.visualstudio.com/items?itemName=octref.vetur
• Beautify,程式碼格式化套件，https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
• ESLint,程式碼檢核方式，https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Chrome 套件

• Vue DevTools 開發工具,https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?utm_source=chrome-ntp-icon
• 觀看LocalStorage套件,https://chrome.google.com/webstore/detail/html5-storage-manager-all/giompennnhheakjcnobejbnjgbbkmdnd?hl=en-US
• JSON Editor 格式化,https://chrome.google.com/webstore/detail/json-editor/lhkmoheomjbkfloacpgllgjcamhihfaj?utm_source=chrome-ntp-icon

參考