1.安装vscode

安装插件

  1. css peek
  2. open in browser
  3. Path Autocomplete
  4. HTML CSS Support
  5. Auto Rename Tag
  6. Color Highlight

2.快捷键配置

[
    { "key": "alt+/",  "command": "editor.action.triggerSuggest","when": "editorTextFocus"         },  
    { "key": "ctrl+d", "command": "editor.action.deleteLines","when": "editorTextFocus" },  
    { "key": "ctrl+alt+down","command": "editor.action.copyLinesDownAction", "when": "editorTextFocus" },  
    { "key": "ctrl+alt+up", "command": "editor.action.copyLinesUpAction", "when": "editorTextFocus" },  
    { "key": "shift+enter", "command": "editor.action.insertLineAfter", "when": "editorTextFocus && !editorReadonly" }  ,
    {
        "key": "ctrl+w","command": "extension.openInBrowser" , "when": "editorTextFocus"     },
     {
        "key":"ctrl+shift+/",
        "command": "editor.action.blockComment",
        "when": "editorTextFocus"
   }

]

3.推荐安装的google插件

Momentum,Fireshot,pageRuler,colorZilla,草料,adblock,JSONView