4.初期製作階段

4.1前端:

bootstrap http://cheng.logdown.com/posts/2015/03/11/sublime-3 https://github.com/JasonMortonNZ/bs3-sublime-plugin 學會用plugin!!!! bootstrap有snippets超他媽快速 semantic UI http://semantic-ui.com/ 也有plugin! 多使用線上字體: google fonts

軟體: Sublime: Ctrl+p Goto Anything 可以直接打關鍵字到特定檔案 http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_win.html 建議使用Atom+Prepos 取代sublime做開發，很好安裝的自動編譯/上傳環境 Atom常用插件清單: Remote-FTP :FTP上傳設定 Atom-beautify :美化任何程式碼 bootstrap3-snippets :boostrap的snippet Language-pug :對pug語法支援 Theme – Brogrammer: 好看的主題ˊˇˋ { "theme": "Brogrammer.sublime-theme", "color_scheme": "Packages/Theme-Brogrammer/brogrammer.tmTheme" }

4.2後端:

Apache2與網址導向設定 mysql設定

線上商店系統參考: https://magento.com/ woocommerce 線上論壇系統參考: http://flarum.org/ http://www.discourse.org/