Vscode常见问题和实用设置

Vscode常见问题和实用设置

序言：

​ 我准备把这篇博客作为一个经常更新的博客，我会在这篇博客上经常更新一些Visual Studio Code的常见问题和实用设置。

福利：

这个福利是为Visual studio Code算是新手上路准备的，如果你想使用vscode编辑器，不知道安装那些插件的话，我这里有一个Vscode同步教程。

• 这个同步教程同步的是我电脑上安装的一些编程常用插件，基本上能满足我们的普通编程要求。
• 这个也可以解决插件的频繁安装问题。

  比如：你在你的U盘上装了一个vscode想随身携带，有了电脑就可以编程，那么这个同步教程就非常适合你，走到哪里，只要你有了电脑和网络，打开编辑器，直接同步插件，省去了繁琐的安装步骤。

• 如果你的编辑是一个新的编辑器，或者是因为某些原因到时插件丢失了，那么也可以使用我的这个同步教程的方法，直接同步插件。

---

解决Visual Studio Code很卡，占用cpu很高的问题

• 这个问题是我在学习webpack时遇到的问题，学习时发现打开vscode电脑会非常卡，vscode的反应也变的很慢，或许你在学习其他的东西也碰到过类似的问题。

解决方法：

• 首先，要保证不是你的电脑本身的问题。

• 如果只是打开或使用Vscode时很卡，那么我们就需要关闭Vscode中的【控制是否在搜索中跟踪符号链接】

  • 打开Vscode编辑器的设置，搜索设置：search.followSymlinks
  • 把这个设置选项的√去掉，重启vscode即可。

  

---

设置Visual Studio Code编辑器页面自动换行

• 如果我们要写一个很长的注释或代码，如果一直不换行，那么下面就会出现滚动条，看时就会很难受，还要拖动滚动条。

设置方法：

• 首先，要保证你的编辑器没出问题，哈哈哈【一般也没啥问题，当我没说】

• 设置自动换行，我们只需要打开Vscode中的换行设置就好，默认是关闭状态。

  • 打开Vscode编辑器的设置，搜索设置：editor.wordWrap
  • 把这个设置选项的off换成on，或者你感觉你有什么特殊需要也可以换成其他的，因为里面有四种情况设置，你可以根据自己的需要选择自己合适的。
  • 一般都推荐直接换成on即可。

  

---

设置Visual Studio Code语言为中文简体

• 一般情况下，设置Vscode编辑器的语言为中文简体，我们只需要下载一个插件Chinese (Simplified) Language Pack for Visual Studio Code,直接搜索chinese即可。
• 但是有时候，也会碰到，下载了插件重启页面也不成功的情况，此时我们就需要手动设置语言格式了。

设置方法：

• 在编辑器页面里，点击ctrl+shift+p调用命令行列表。
• 在命令行列表里，选择配置显示语言项。
• 改变locale的值为zh-cn，重启Vscode即可。
  

---

设置Visual Studio Code自动保存代码

• Vscode真的是一款很好的编辑器了，连ctrl+s的保存步骤都能给我们自动完成。

设置方法：

• 打开Vscode编辑器的设置，搜索设置：autosave
• 我们会看到Auto Save的配置，里面有四个选项，分别是：
  1. 关闭【这是默认状态】
  2. 延迟保存
  3. 编辑器失去焦点保存
  4. 窗口失去焦点保存
     

可以根据自己的需要选择适合自己的保存代码行为，需要注意的是：如果你选择的是延迟保存，那么需要配置下面的延迟时间。

• 延迟时间以毫秒级来计算【我设置的1000即1秒】
  
  需要注意的是我们现在写代码一般都是代码保存联动浏览器自动刷新，所以频繁的保存有可能会导致浏览器出现异常或崩溃。

---

解决Visual Studio Code编辑器菜单栏不显示的问题

• 有些人在打开Vscode编辑器之后，会发现打开的编辑器菜单不见了，重装编辑器，有可能还是有这个问题。
• 问题示例：【图片】
  

• 如果你的编辑器出现了这个问题，这里教大家设置方法，三步搞定。

设置方法：

1. 第一步：从编辑器右下角那里进入编辑器的设置。
2. 第二步：搜索设置： Menu Bar Visibility
3. 第三步：把此设置的选项改为默认default即可。
   

• 这四个设置选项都有各自的选项，菜单栏不显示，大部分原因都是菜单栏显示处在toogle 或 hidden状态。
• 这四个设置选项都有对应的解释，大家看着选择自己的适用的即可。

---

设置Visual Studio Code键盘快捷操作打开编辑器菜单栏

• 键盘操作在某些时候是比鼠标操作更为快捷简便的，就像大多人喜欢使用键盘Ctrl+C，Ctrl+V来进行文件的粘贴复制一样，这里也给大家介绍一下如何通过键盘操作快捷打开菜单栏。

操作方法：

• 在菜单栏显示的状态下点击键盘上的Alt键，你会发现编辑器菜单栏上的英文字母下多了一个短横线。
• 此时根据菜单栏选项后绑定的快捷键，即可快捷打开对应的菜单选项。
  
• 需要注意的是，每次想使用快捷键时，一定要再次点击Alt键，每次快捷键打开都是一次性，不要因为这个感觉很麻烦，毕竟我们对菜单栏的操作其实并不多。
• 如果你点击了Alt键，却没有出现上面我说的短横线，那么不要急，我教你怎么设置它。

设置方法：

• 第一步：进入Vscode编辑器的设置。
• 第二步：搜索设置：Enable Menu Bar Mnemonics
• 第三步：打上 √ 启用即可。
  

解决Visual Studio Code删除文件时会永久删除的问题

• 在Visual studio code中，一般情况下，我们删除一个文件时，vscode有可能会出现文件永久删除的问题，有时候，如果我们不小心删除了某个文件，而又是永久删除，那就很恶心了。
• 下面我们就来看一下怎么避免这种情况，这还是跟Vscode的设置有关系。

设置方法：

1. 第一步：从编辑器右下角进入Vscode设置。
2. 第二步：搜索设置Enable Trash
3. 第三步：就是选择是否启用这个设置了，默认应该都是勾选状态。
   
   未完待续。。。。