工欲善其事,必先利其器
一名前端开发者,VSCode 想必大家应该都接触过,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。
为新手推荐的几个常用的插件
Chinese (Simplified) (简体中文)
Chinese(Simplified)是一款中文汉化插件,安装之后VSCode各项菜单说明就会变成中文的了,对于英语不好的同志,比较有帮助噢
Live Server
Open In Browser是打开静态页面,但是修改一次代码就需要打开一个浏览器,比较麻烦
可以安装一个Live Server,动态刷新页面,每次修改代码,刷新一下浏览器就好,累死;了,安装这个就想VUE一样,热加载修改代码保证,浏览器直接跟随更新最新
Material Icon Theme
该软件的使文件类型更加明了
安装了之后,长这样,这个倒是非必须的,看个人喜欢
formate: CSS/LESS/SCSS formatter代码美化工具
虽然VSCode内置了css格式化功能,但这款支持less, scss,更加高效美观
CSS Peek css定位器
css可以说是程序员的一大烦恼,尤其是样式多的时候,各种类名东拼西凑,自己取的类名都忘记了,只能对比html文件中的类名或者控制台
安装css peek就能快速定位css样式了,按下Ctrl键对着样式名点击鼠标左键,就可以自动跳到您写css的样式文件类名位置