Sass超入門與RWD

• 開發環境

  • Nodejs: https://nodejs.org/en/
  • NVM: https://github.com/coreybutler/nvm-windows/releases
  • VSCode: https://code.visualstudio.com/#alt-downloads

• VSCode套件列表

  • liveSassCompile
  • Sass
  • Monokai Dark Soda
  • EaseServer
  • colorize
  • AutoFileName
  • vscode-icons

• NVM指令

  • nvm list：查看已安裝的版本
  • nvm list available：查看有哪些 Node 版本可以裝
  • nvm install v8.11.2：安裝指定的 Node 版本
  • nvm use v8.11.2：指定 Node 版本

• Live Sass Compiler Setting

"liveSassCompile.settings.formats": [
    {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "~/../css"
    }
],
"liveSassCompile.settings.autoprefix": [
    "> 1%",
    "last 5 versions",
    "Firefox >= 45",
    "iOS >=8",
    "Safari >=8",
    "ie >= 10"
]

• YouTube 頻道

  • https://www.youtube.com/c/ChengMike

• 直播影片 -https://www.youtube.com/watch?v=Kp7B_3TrQjg