总结一些最近遇到的开发技巧。这些技巧并不困难，在之前的开发中也遇到过好几次。每次都是记了忘，忘了查，查了记，却又总是记不住，浪费了大量的时间。
本文将这些技巧记录下来，方便下次查阅。如果您觉得这些技巧对您有所帮助，请点个赞支持一下。如果您有更好的办法不妨分享出来一起进步。
1. 不必切屏 -- 内置浏览器
前端开发的时候经常需要在浏览器和编辑器之间切屏，这样不仅会浪费大量的时间，还会破坏写代码的心情。特别是前端开发心情不好或者机器比较卡的时候。作为一名资深摸鱼大师，如果每天在这种事情上浪费20分钟，这简直不可原谅，我们要将时间节约出来做更加有意义的事情。因此，可以将网页嵌入到 vscode 编辑器中，避免切屏。
使用 Browse Litev0.3.9 这个插件就能够完成这个心愿。
安装完成之后，在编辑器中使用快捷键 ctrl+shift+p 打开命令窗口，然后输入： Browser Lite: Open Active File in Preview
此时，编辑器会打开一个新的页签，这就是内嵌的浏览器了。可以看到我们可以在其上方修改 URL，这意味着我们可以访问开发环境，或者其它任何网页。 
然后在左侧修改代码并保存，在右侧你可以实时观察修改之后的效果，效率大大的提升了。 
我想你一定不会在其中浏览百度的吧
2. 保存自动格式化
有的时候，保存之后自动格式化代码会被关掉。问题恰恰出现在这个地方，被关掉之后，就不会打开了。也有可能是今天会关掉，明天却忘记怎么打开了，因此这里需要将这个重要功能特别的记录一下。
在编辑器中使用快捷键 ctrl+shift+p 打开命令窗口，然后输入： Preferences: Open User Settings
进入到 JSON 文件中之后输入 "editor.formatOnSave": true, 即可。
3. 自定义代码片段
使用用户自定义片段，不仅体现在能够快速的生成大量的基础代码，还体现在一些细小的方面。
例如，在使用 React 写组件的时候，在很多时候都需要使用一些 hooks , 这个时候，我们可以给每一个 hook 写一个自定义片段，能节省摸鱼的时间就节省一些摸鱼的时间。聚沙成塔么，这很重要。
在编辑器中使用快捷键 ctrl+shift+p 打开命令窗口，然后输入： snippets:Configure User Snippets
然后选择创建自己的新的代码片段：
给新增的代码片段起一个名字，就叫做 useState 好了：
然后在新建的文件中输入以下代码：
json
{
"React useState with set prefix": {
"prefix": "useState",
"body": [
"const [${1:state}, set${1:/(^\\w)(\\w*)/}] = useState(${2:initState});"
],
"description": "Generate named state and setter with useState hook"
}
}在编辑器中使用快捷键 ctrl+shift+p 打开命令窗口，然后输入： reload window 重启编辑器。
然后在写 React 的时候就可以选择后面有 "React useState with set prefix" 注释的选项：
可以看到就变成了这样：
通过 table 键我们可以迅速完成 useState hook 的创建。