VScode的插件记录

用VS code来做网页web开发，目前安装的插件有

  • HTML Snippets
  • JavaScript Snippet Pack
  • jQuery Code Snippets(jQuery提示)
  • HTML CSS Support(CSS提示)
  • Path Intellisense(HTML中SRC路径自动补全)
  • View In Browser(按Ctrl+F1快速在浏览器里浏览)
  • HTML CSS Class Completion(写类时的自动提示补全)
  • Sass(用scss写css时的语法高亮提示)
  • vscode-icons(文件前显示各种图标，一目了然)
  • Start git-bash(与git的bash绑定 不常用)
使用后发现其实VScode原本就支持Emmet和原生JS方法的各种提示，所以上手比较容易，比ST好的一点就是可以直接跳转到文件或者函数的定义位置.

自定义的快捷键代码(文件名keybindings.json)： 

    
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
[
    {
    "key": "alt+e",
    "command": "cursorEnd",
    "when": "editorTextFocus"
    },
    {
        "key": "alt+d",
        "command": "cursorDown",
        "when": "editorTextFocus"
    },
    {
        "key": "alt+j",
        "command": "scrollLineDown",
        "when": "editorTextFocus"
    },
    {
        "key": "alt+h",
        "command": "scrollLineUp",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+d",
        "command": "editor.action.copyLinesDownAction",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "alt+l",
        "command": "cursorRight",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+y",
        "command": "editor.action.deleteLines",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "alt+k",
        "command": "cursorLeft",
        "when": "editorTextFocus"
    }
]


    *在新电脑上配置VS的内容如上，也希望能给他人一个参考，有新发现随时补充。*
</p>