Web Framework
  • Introduction
  • Chapter1: Build Front-End Develope environment
    • 1.1.Install Sublime Text3 and packages
    • 1.2.Sublime plugin
      • 1.2.1.Package install control
      • 1.2.2.Emmet
      • 1.2.3.HTML-CSS-JS Prettify
      • 1.2.4 .SublimeLinter
      • 1.2.5.Install Sublime text Build system
      • 1.2.6.Pretty JSON
      • 1.2.7.SublimeHighlight
      • 1.2.8.SublimeAStyleFormatter
  • Chapter2: Angular.js
  • Chapter3: 3rd Party API
    • 3.function
  • Chapter4: React.js
    • 4.1.Introduction
    • 4.2.Getting started
    • 4.3.JSX
    • 4.4.life cycle
    • 4.5.Data flow: prop vs. prop.children, state
    • 4.6. Layout, Event Handing
    • 4.7.Using JQuery in React
    • 4.8.Using D3.js in React
    • 4.9.Dynamic Routing
  • Chapter5: Webpack
  • Chapter6: web driver IO & mocha
  • Chapter7: RWD
    • 7.1.利用Sass & media query在不使用框架下完成RWD
  • Chapter8: React native
Powered by GitBook
On this page

Was this helpful?

  1. Chapter1: Build Front-End Develope environment
  2. 1.2.Sublime plugin

1.2.5.Install Sublime text Build system

Previous1.2.4 .SublimeLinterNext1.2.6.Pretty JSON

Last updated 5 years ago

Was this helpful?

  • 在mac/windows的環境下練習Node.js, 可以利用Sublime text下面的build system直接輸出成果, 但預設沒有支援node.js,這邊筆記作法

    • For Mac:

      • 1.選擇Tool->Build System->New Build System

      • 2.將設定檔的內容改為：

          {
      "cmd": ["/usr/local/bin/node", "$file"]
  }

      • 3.將檔案儲存成Node.js.sublime-build

      • 4.選擇Tool->Build System->Node.js

      • 5.選擇Tool->Build即可顯示console

    • For Windows:

      • 1,4,5相同

      • 2.將設定檔的內容改為：

          {
      "cmd": ["C:\\Program Files\\nodejs\\node.exe", "${file}"]
  }

      • 3.將檔案儲存成Node.js.sublime-build