VS Code全称Visual Studio Code,是微软发布的。微软在开发工具上的东西,从来没有让人失望过。VS Code一经推出,因为它的免费,开源,轻量,跨平台,成为广大前端开发者的不二工具。
但是刚下载到本地的VS Code并没有那么强大,需要我们手动去安装插件,才能得心应手,提高开发效率。这里分享一下前端开发好用,常用的工具,希望可以让我们编码更顺利,更高效,早点下班!
Live Server启动本地开发服务器,并为静态和动态页面提供实时重新加载功能。通过Live Server打开的html文件,你修改代码以后页面自动刷新,体验非常好!
Tabnine是一个人工智能助手,根据深度学习来预测你要写的代码,相当于高配版的智能提示!
前端改标签的时候,如果页面很多,就容易改了第一个找不到配对的第二个,这个插件就是自动帮我们改匹配的标签
代码行数太多,函数太多,刚才想改的函数找不到了?快点使用Bookmarks吧,给代码某一行添加标签,无论是修改代码,阅读代码,都是神器!
自己写个js,还要引入到html中在控制台查看效果的时代过去啦!通过Code Runner,可以在vscode 的控制台中直接查看自己js代码的运行结果啦。对于一些小的demo,或者存粹研究js的同学,非常有帮助的。
调试打印还在手动输入console吗?console helper 可以帮你快速生成打印代码,选中要打印的变量,ctrl + L ,直接在下一行生成console输出语句,谁用谁知道!
如果你是vue开发者,那这个一定要下载,装了它开发vue非常爽,它提供了 Vue 特定的语法语义突出显示、代码片段和API语法以错误检查等功能。如果是vue3开发者,用Volar!
这是是一个非常齐全,精美的文件icon图标,开发的时候也容易分辨是html文件,vue文件,js文件,配置文件,都非常清楚,还好看,给开发增加一点舒适度还是很不错的。
其实vscode还有很多插件,甚至可以用来画原型,听音乐,看小说等等!但是插件并不是越多越好,装多了一个是让vscode变卡,一个是插件之间可能还会有冲突。我分享的这几个基本都是很常用的了,属于基础性的,可以针对自己的爱好,再不断去拓展丰富自己的插件,打造自己专属的开发工具!