如何安装

当然代码开发工具可以选择自己更有倾向性的，比如webstorm，但是vscode是免费的，而webstorm不是。

官网下载 https://code.visualstudio.com/

切换语言为中文

扩展程序中搜索chinese在安装下方扩展，然后重新启动程序即可。
Chinese (Simplified) Language Pack for Visual Studio Code

自动保存

左下角设置-常用设置—onFocusChange(编辑器失去焦点即保存)

快捷键

创建模板

  1. 快速创建html模版：输入！按Tab
  2. 快速创建vue模版：输入vh 按Tab

    注释

    ⌘+/

    查询

    双击需要的字段，快捷键⌘+F

    选中所有相同的代码

    选择需要同时选中的代码，快捷键⌘+D

    自动闭合标签

    1.输入标签名称 按enter
    屏幕快照 2021-04-16 上午11.19.24.png

vscode插件

自动实时预览-安装live server，文件名称上右键使用，保存即刷新页面