【前端笔记】windows10环境下前端学习-vscode使用记录(待补充)

windows10环境下前端学习-vscode使用记录(待补充)

插件相关

设置拓展存放位置

1.先确保vscode环境变量配置好,通常安装的时候会提示添加到环境变量，配置环境变量可以通过命令行直接控制vscode
2.设置拓展存放位置
右击vscode图标，打开文件位置，然后右击vscode选择属性，在里面找到目标,在目标里面最后加入--extensions-dir "你存放拓展的路径"
例如我自己的设置:

"D:\vscode\Microsoft VS Code\Code.exe" --extensions-dir "D:\vscode\extensions"

设置完然后再安装拓展就自动安装到自己设置的路径下了(貌似需要通过那个快捷方式打开，然后在vscode里面打开文件才可以，如果使用右击文件,然后打开方式是vscode，这样的情况下安装拓展还是会在原来默认的位置)

目前我学前端用到的插件

名称	作用
HTML Snippets	HTML标签提示以及补全
HTML CSS Support	CSS类名以及ID名提示以及补全
JavaScript(ES6) code snippets	ES6语法提示补全
Vetur	学Vue需要用到的插件
GitLens	学Git用到的插件
Beautify	格式化html,css,js

##其他设置

自动保存

左下角设置图标，然后选settings里面第一个就是修改自动保存

1.off,关闭自动保存
2.afterDelay,间隔时间自动保存(需要设置时间间隔)
3.onFocusChange,当焦点改变时自动保存(编辑器内部页面进行切换之类的)
4.onWindowChange,当窗口改变时自动保存(焦点离开vscode)

修改缩进

设置里面搜索Tab size，即可进行修改