linche0859
7/25/2019 - 8:28 AM

外掛和設定

安裝外掛

  • Blueprint : New Files and Folders of Files from Templates : 網站藍圖,可以快速產生基本檔案
  • cdnjs : 引用 cdn js
  • Code Spell Checker : 檢查是否有錯字
  • Document This : 寫註解
  • ESLint : 統一 JS 格式
  • Git History
  • git-autoconfig : 自動切換帳號
  • gitflow : 需跑在哪一條線上,基本分 develop/master
  • gitignore
  • GitLens : Git supercharged : 在 code 可以查看修改者
  • Live Sass Compiler : 修改 scss 後,儲存後,即修改產出的 css
  • Live Server
  • Live Server Preview : 在 VS Code 開一畫面顯示結果
  • Node Exec : 直接執行 js
  • Path Intellisense
  • Prettier - Code formatter : 儲存後,即修改正確格式
  • Project Manager
  • SCSS IntelliSense
  • SCSS Refactoring : 自動產出變數名稱
  • vscode-icons
  • Bracket Pair Colorizer : 段落的顏色區分

Markdown

  • Cacher Code snippets : 將Cacher內容引入到VSCode中
  • Markdown Preview Github Styling
  • Markdown Shortcuts

JSON Setting

{
  "liveServer.settings.port": 8080,
  "editor.fontSize": 16,
  "editor.tabSize": 2,
  "miramac.node.clearOutput": true,
  "git-autoconfig.configList": [
    {
      "user.email": "rockecstasy@yahoo.com.tw",
      "user.name": "che.lin"
    }
  ],
  "workbench.colorTheme": "Solarized Dark",
  "terminal.integrated.shell.windows": "D:\\Git\\bin\\bash.exe",
  "projectManager.vscode.baseFolders": [
    "D:\\VS Code Project"
  ],
  "workbench.iconTheme": "vscode-icons",
  "blueprint.templatesPath": [
    "./blueprint-templates",
    "../blueprint-templates",
    "./.vscode/blueprint-templates",
    "../.vscode/blueprint-templates"
  ],
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "editor.formatOnSave": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "razor": "html",
    "plaintext": "jade"
  },
  "emmet.triggerExpansionOnTab": true
}