2020vscode 插件

• 1 open in browser
  右鍵可以在瀏覽器中打開

• 2 vscode 中顯示... （command + ,） 在設置中配置如下
  renderControlCharacters
  
  renderWhitespace
  
  配置成功效果
  
  

• 3 gitlens
  
  可以看到修改提示

• 4 新加了空格看不出來

command+,
ignoreTrimWhitespace

取消勾選之后

• 5 按照eslint配置項格式化js（有時候prettier 和 編輯器vscode 的格式化，不符合我們的格式需求）

"editor.formatOnSave": true, // 編輯器保存自動格式化
    "editor.codeActionsOnSave": {
        // For ESLint 
        "source.fixAll.eslint": true, // 保存時用eslint格式化
        // For TSLint
        "source.fixAll.tslint": false,
        // For Stylelint
        "source.fixAll.stylelint": false,
    },

eslint 與prettier出現沖突時候使用// prettier-ignore 忽略prettier

• 6 Prettier - Code formatter
  格式化插件
• 7 eslint 插件
  按照eslint配置的規則，如果規則不符合，和有紅色錯誤提示
  
• 8 查看svg
  SVG Viewer
• 9 字符提示線

"editor.rulers": [
        120
    ], //字符提示線 

• 10 加入下面插件，編輯器右下后formatting 改為x表示關閉prettier格式化
  

• vetur

• 11 大小寫轉換