手把手自訂你的 Bootstrap 樣式
不用 gulp、webpack,只需要開啟 VSCode~
Q: 為什麼要客製化?
客製化可以使 Bootstrap 更符合專案的風格樣式。
Q: 用覆蓋不行嗎?一定要客製化嗎?
就經驗上來說,覆蓋通常會缺少許多的狀態,如按鈕的 hover, active, focus 等等,並且容易使樣式缺少一致性。
Q: 編譯?Bootstrap 不是 CSS 嗎?
Bootstrap 的 .css 檔案是編譯後的結果,它原始檔案是屬於 .scss 的結構,本文只會針對其中的變數檔案進行介紹,不需要會 .scss 也可以進行調整喔。
Q: 客製化環境是不是很複雜,如果沒有 gulp、webpack 使用經驗是否就無法?
不會,本章節介紹的方式僅需要使用 VSCode 即可(有安裝 Node.js 更好,但不強制)。
webpack安裝 在 Taipei Ethereum Meetup Facebook 的最讚貼文
Truffle 是以太坊上最知名的開發工具,可用來測試與部署智能合約。 3.3.0 版更新讓跨平台安裝更容易。
這次 Logo 投票使用許多測試與持續整合的技巧,需要範例可來看看程式碼的寫法。 https://github.com/…/L…/taipei-eth-logovote/test/logovote.js
Truffle3.3.0版最重要更新是跨平台安裝更簡易更快不需另外安裝編譯器,過去安裝truffle有不少相依模組需另外安裝該平台編譯器,例如Windows的Microsoft Visual C++ Build Tools這類工具,新版本改用webpack來打包,將2000個相依模組打包成一個下載檔案,用相容版本或移除部分模組相依性來讓各平台可安裝。
Release v3.3.0 - EPLS (easy peasy lemon squeezy) · trufflesuite/truffle
https://github.com/trufflesuite/truffle/releases/tag/v3.3.0
HOW WE'RE MAKING INSTALLATION ISSUES A THING OF THE PAST
http://truffleframework.com/…/how-were-making-installation-…
Goh Rhy Yan Photography | Unsplash
https://unsplash.com/@gryshoots?photo=PS1T4YLjvgc
webpack安裝 在 capeta0507/WebpackSample: webpack手刻練習 - GitHub 的推薦與評價
安裝 node.js; 建立專案資料夾webpack-live(自行命名); 在visual studio code 中使用cmd 指令; 初始化專案: npm init -y. 安裝webpack, webpack-cli :. ... <看更多>
webpack安裝 在 Webpack 前端打包工具- 環境安裝與基本配置 - Roya's Blog 的推薦與評價
Webpack 安裝. 本篇教學都是採用Webpack 4 版本,與v3 版本有些許不同,請稍加注意. Webpack 依賴Node.js ... ... <看更多>
相關內容