VS Code 前端常用插件以及舒适的使用

常用插件

  • vs code中文插件


    image.png
  • 后缀自动补全


    image.png
  • 同步修改标签


    image.png
  • 彩虹括号


    image.png
  • less


    image.png
  • ES lint 语法检测


    image.png
  • HTML CSS JS 输入提示


    image.png
  • 跳转到浏览器打开网页


    image.png
  • 路径补全


    image.png
  • vs code左侧的图标修改主题


    image.png
  • 多数人使用的主题


    image.png
  • vue语法提示,vue模板补全


    image.png

舒适的使用

  • 打开vscode 设置,修改字体大小为自己感到舒服的大小,编程字体建议用consolas,第二个写微软雅黑字体,在写中文的时候就不会显示默认的宋体。


    image.png
  • 在设置上面输入.se打开提示的settings.json编辑


    image.png

    下面的代码可以修改注释的颜色,可以改成自己看着舒服的颜色


    image.png
  "editor.tokenColorCustomizations": {
        "comments": "#408653", // 注释
    },
  • 取消注释的斜体展示
    打开使用的主题,右键,选择扩展设置


    image.png

    把那个斜体的关掉就行,如果函数名要加粗可以把第一个勾勾上


    image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容