markdown VS代码

Posted 2021-05-05

## 安裝外掛

- **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**

##  Markdown

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

## JSON Setting

```json
{
  "liveServer.settings.port": 8080,
  "editor.fontSize": 16,
  "editor.tabSize": 2,
  "miramac.node.clearOutput": true,
  "git-autoconfig.configList": [
    {
      "user.email": "[e-mail]",
      "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
}
```