Visual code前端开发插件配置

安装软件

其实我个人还是喜欢Atom的,但是被迫与学校学习需要(其实vscode很香,但是我就喜欢折腾与不走寻常路),加上可能很多同学发现vscode并没有这么多便捷功能,在这里我来教一下如何安装这些前端开发的全部便捷插件!

先说一下安装插件的方式吧

如果还没有安装vscode,直接去官方下载即可,一键式傻瓜安装

https://code.visualstudio.com点我进入vscode官网

安装完毕后,应该各位都是英文,这时候我们去左边按钮找到这个插件按钮,如图

进入这个页面后,如果想要汉化,就在左上角输入Chinese,然后点击install

安装完毕后重启即可汉化

接着按着这个步骤,安装以下全部插件

  • Auto Rename Tag

自动同步修改前后标签

  • vscode-icons

更好的图标显示

  • Mithril Emmet

智能自动补全工具,点我进入教程

  • Beautify

美化代码,一键整齐排列当前面页面代码

F1 > 输入bea,即可按下回车使用这个功能

  • Code Spell Checker

代码拼写检查插件,很多人一开始学总会把标签打错,这个插件可以检查这些拼写错误的位置并且标注出来

  • guides

代码的对齐线,超级好用的东西呀

  • Rainbow Brackets

给所有括号加上颜色辨识,这样更直观

  • Path Intellisense

文件路径快速填写

./即可开始补全

  • HTML Snippets

H5代码提示类插件

  • HTML CSS Support

CSS样式提示类插件

  • HTMLHint

h5的代码检测,超级方便的插件

这里就是我爱用的全部插件啦,针对前端h5的开发

记录结束

点赞
  1. luchimeng说道:
    QQbrowser Android 9

    爱了,么么哒

      1. luchimeng说道:
        Google Chrome Windows 10

        |´・ω・)ノ 还不快说点什么呀...

  2. repostone说道:
    Google Chrome Windows 8.1

    非技术的路过。

发表评论

电子邮件地址不会被公开。必填项已用 * 标注