前端开发中常用的vscode插件

不墨迹,直接上干货!!!

第一款 

 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code.

能够将VScode页面翻译成中文.

 第二款

HTML CSS Support

在写HTML和CSS语法时,能够智能提示相应元素和样式

第三款

JavaScript (ES6) code snippets

在编写JavaScriptES6代码时,会给出相应的智能提示

第四款

open in browser

设置默认启动的浏览器,能够快速的打开浏览器,减少启动步骤

在代码区右击鼠标打开下面的样框即可启动浏览器

第五款

 Live Server

在写完代码想去浏览器预览时,总要右击鼠标打开,还要保存代码,刷新浏览器,一步步非常繁琐,这个插件能够让你实时预览浏览器,写代码的同时,浏览器页面自动刷新.

 注: Live Server启动时,会开启一个本地服务器

默认端口号为127.0.0.1:5000/,Live Server的使用非常频繁在后面的学习中,我们一步步了解.

Live Server配置

启动Live Server要在vscode进行代码的自动保存设置

在设置中找到Auto Save,设置afterDelay,这样你在写代码时,就不用ctrl+s保存了,写代码时一定时间内vscode会自动保存.

第六款

需要一定条件了解即可

GitHub Copilot

AI工具,能够根据你代码的前文,自动帮你生成后面的代码,非常强大的AI代码辅助工具,减少写带代码的时间以及提供代码思路.

需要GitHub账号

需要付费

Tabnine AI

与上面一款作用一致.

有免费版,付费版,后者功能更加强大,平时练习用不到,在一些实践小案例中还是有所帮助.

页面美化插件推荐

Material Icon Theme

美化文件图标

  主题推荐

Dracula Official

 1984