• Webpack Note
  • npm 安裝套件
  • npm 的 packages.json
  • webpack.confing.js
  • webpack Product vs Developer
  • Config 檔內使用 path 套件
  • 多個 bundles 檔案封裝
  • 載入 CSS
    • 分離出 CSS 檔案
    • Auto Prefixer
  • 加入圖片
  • Webpack build with React

Webpack Note

npm 安裝套件

• webpack, webpack-dev-server
• babel-core, babel-loader
• jshint, jshint-loader : JS 語法檢查，後續再研究如何替換成 eslint
• node-libs-browser : unknow
• strip-loader : 可用於 production 情況下，將 console.log 的訊息忽略掉
• css-loader, style-loader, (sass-loader), less-loader

• 在 Linux 環境下架設 Git Server
  • 系統套件安裝
  • 協同開發人員產生 SSH public key
  • Git Server 的設定
  • 建立 Git Repository
  • 開發人員 clone 程式碼
• 使用 Gitolite 管理 Git Server
  • 系統套件安裝
  • 產生/收集 SSH Public Key
  • Gitolite Server 架設
    • 建立專案
    • 加入開發人員
• 安裝 Gitweb 並整合 Gitolite
  • 系統套件安裝
  • Apache 2.4 與 Gitweb 設定
  • 修正 Gitweb conf
  • 修正 Gitolite 部分
  • 建立專案設定檔修改部分

在 Linux 環境下架設 Git Server

參考資料

系統套件安裝

sudo -s (切換帳號為root)
apt-get install git git-core

• 兩台 Server 雙向同步
  • 使用排程來同步
  • 偵測檔案變化來同步
  • 停止偵測

兩台 Server 雙向同步

• 同步工具 - unison (參考連結)
• 排程工具 - crontab
• 目錄偵測工具 - inotifywait ( inotify-tools )

• Less
  • 變數
  • 計算
  • 顏色處理
  • mixins 混入
  • RWD 寫法參考

Less

變數

• 使用@符號當開頭命名變數, e.g.@link-color: #4281dc;

@link-color:        #428bca; // sea blue

// Usage
a,
.link {
    color: @link-color;
}

• PostCSS
  • 搭配 Plugin
  • 變數
  • 計算
  • 顏色處理
  • mixins 混入
  • RWD 寫法參考

PostCSS

搭配 Plugin

• 需搭配安裝
  • postcss-import
  • postcss-mixins
  • postcss-nested
  • postcss-nextcss
  • autoprefixer, 由於 postcss-next 已經自動加入這項功能，因此需要移除 autoprefixer

• Sass
  • 變數
  • 計算
  • 顏色處理
  • mixins 混入
  • RWD 寫法參考

Sass

變數

• 開頭錢($)字號, e.g. $mainColor, $spaceUnit
• 使用時，直接使用定義好的變數

$warm_grey: #8b8a8a;

h3.title {
    color: $warm_grey;
}

• Linux 相關資料
  • 使用者磁碟限額

      - 檢查使用者磁碟限額
      - 啟動 / 關閉磁碟限額
      - 編輯 使用者/群組 磁碟限額規則
    

  • 開機自動執行 script
  • 開機自動掛載遠端共享資料夾
    • 手動掛載指令步驟 :
    • 改為開機後自動掛載步驟：
  • 使用crontab幫工作排程
  • 建立群組共用目錄
  • AWS EC2(Ubuntu)的使用者改用密碼登入

Linux 相關資料

使用者磁碟限額

• 參考資料：
  1. quota - 磁碟配額
  2. Linux 磁碟配額 (Quota)

檢查使用者磁碟限額

sudo quota <UserName>

• Artisan 操作
  • 建立 Controller
  • 建立 Model
  • 建立 Migration (建立資料表格)
  • 建立 Seeder (表格初始資料)
  • 使用 Elixir
• 取出最後一筆Query
  • Laravel 5
  • Laravel 4

Artisan 操作

建立 Controller

• php artisan make:controller 目錄/檔案名稱

建立 Model

• php artisan make:model Model/TableName(單數) -m
  • make:model 後面接著的 Model/TableName 會在 app 目錄下建立 Model 資料夾，然後再產生 XXXX 的 Model 檔案
  • 最後的 -m 為 Optional，使用的話可以同時產生 migration 檔案來建立表格