vsCode 操作

官方下载地址

Download Visual Studio Code

常用插件

image.png

如上图分别是
1.修改标签tag，对应的自动修改。

image.png

2.修改编辑器的背景图，还可以自定义设置背景图。 参考地址github
3.美化插件，，，好像并没有软用。格式化自带的
4.自带简单服务器,安装完全后快捷键，Shift+Ctrl+Enter。方便快捷 可以不用wrap和appach等服务器。
5.文件列表图标样式，比sublime的好看多了。

image.png

6.ESLint监测js是否有错，具体没研究大概装了下。
7.这个也是主题插件

image.png

8.jq提示插件。

image.png

9.路径提示插件。

image.png

10. svn插件 === 链接

image.png

11.可以打开静态页面，Ctrl+F1和之前的有点冲突可以忽略。

image.png

12.也是文件图标插件100个随便装吧。。。

image.png

Paste_Image.png

new add 插件

1.Auto Close Tag 自动闭合HTML标签
2.ctrl+p（ext install vscode-file-peek） File Peek 根据路径字符串，快速定位到文件 快捷键：ctrl+单击
3.ctrl+p（ext install guides） 高亮缩进基线
4.ext install HTMLHint HTML格式提示

Paste_Image.png

5.ext install partial-diff 对比两段代码的区别

Paste_Image.png

6.git为自带功能无须插件。
7.fileheader 插件 注释插件 ctrl+shift +i

简单操作地址

参考---VS Code 使用小技巧