不知道你是否依然还在使用console.log(...)调试前端代码，显然这样做效率很低，所以是时候在前端代码调试中也使用断点的方式 debug 了。 这里介绍如何在基于 Vue 的前端项目中使用 VSCode 进行断点调试。 VSCode 使用一个插件 JavaScript Debugger 进行前端代码调试，这个插件已经默认集成在较新版本的 VSCode 中。如果因为其它原因需要安装，可以自行安装： 首先启动一个前端项目，比如： npm run uat 项目启动后会有一个端口号，比如： http://local…

好的主题可以帮助从视觉上更直观地分辨工程目录下不同用途的目录和文件，比如： 不同文件的用途一目了然。 可以通过 Material Icon Theme - Visual Studio Marketplace 查看和安装该主题。 参考资料 🗂 让你的 VSCode 文件图标更好看的10个文件图标主题一个好用的文件图标主题除了能够愉悦身心之外，对于开发的效率 - 掘金

图源：ubuntu.com 基础环境： 如标题所言，开发环境需要Win10、VSCode、WSL： 如果没有Win10，那可以洗洗睡了。 如果没有VSCode，可以阅读推荐一个IDE——VSCode。 如果没有WSL，可以阅读Windows Sub Linux 体验。 此外需要说明的是，我之前安装的WSL是Debian，优点是占的空间小，但我发现缺少很多工具，而且软件源中的软件也很少，安装Python不是很方便，所以我卸载后重新安装了Ubuntu，下面的内容都是在WSL Ubuntu中操作的。 使用VSCode连接…

推荐一个IDE——VSCode vscode是微软出品的多语言编辑器，vscode相比notepad++，自动化集成的更好，相比notepad++要自己找插件配置宏等等，vscode可以很方便的下载插件，配置也相当的自动化。而且还集成了一个js框架的调试终端，可以直接内部输出程序结果。某种程度上而言不比专门的IDE（eclipse,zend studio之流）差，更别说多语言支持，怪不得最近几年颇为流行。 吐槽一下，微软的开发者工具还是做的很不错的。 官方下载页面在这里，一般来说选择System installer…

VSCode远程开发 首先在VSCode的插件管理下搜索remote，下载那个叫做remote development的插件。这是一个远程开发插件组，会关联下载其它必要的远程开发插件。 然后在VSCode中按下ctrl+shift+p，输入Remote-SSH:Connect to Host...后按提示输入ssh连接命令ssh pi@192.168.1.111。 这里我使用的是树莓派的用户pi登陆，所以是pi，树莓派的ip是192.168.1.111，请自行修改。 然后按提示选择ssh配置文件，随便选一个即可。然…