博客列表 >vscode如何安装与常用需要插件?

vscode如何安装与常用需要插件?

kiraseo_wwwkiraercom
kiraseo_wwwkiraercom原创
2022年07月04日 19:44:02420浏览

软件 vscode

vscode安装

  • 下一站页面 vscode官网
  • 下载位置
  • 选择红框标记处 根据自己本身系统选择对应的下载版本下载即可

安装路径选择 (正常安装即可,盘符自行选择)

  • 如何设置适合自己的代码编译器
    • 基本设置(文件-首选项-设置-常用设置)
    • 基本设置位置
  • 文件保存方式设置
    • 文件保存方式设置
  • 字号选择设置
    • 字号选择设置
  • 字体选择设置
    • 字体选择设置

      vscode插件推荐

    • 常用插件推荐
  • 中文语言包
  • 这个就简单说一下,因为只要第一次安装成功后,就会提示问你是否需要安装。
  • Live Server
    • Live Server
    • 可以帮助你实时预览自己写html代码,省去了来回刷新的时间
    • Live Server 使用方法
    1. 开启方法在写好的代码编译器中右键选择
      1.1 Live Server开启方法
      1.2 实时效果图
      1.3 实时效果页面
    2. 关闭方法在写好的代码编译器中右键选择
      2.1 Live Server关闭方法
      2.2- 实时效果图
      2.3 实时效果页面
  • vscode-icons
    • vscode-icons
    • 安装后就会显示对应图标,方便区分对应的文件是什么类型
      1.这是安装后的效果
      1.1 vscode-icons-效果
  • 主题插件
  • Dracula Official
    • 当然好看的背景,也是提升自己写代码的热情,当然看个人而定(仅供个人意见)
    • DRACULA
    • 代码安装后效果图
      -dracula-效果图
  • 个人推荐一款phpstrom的主题插件
  • jetbrains-theme(搜索这个主题名称即可)
    • 算是很还原phpstrom代码效果
    • 代码安装后效果图
      phpstrom
  • 提示增强(前端类)
    • 前端代码补全 帮助你更快书写代码
      • HTML CSS Support
    • HTML CSS Support
  • 格式化插件
    • 帮你整理杂乱代码,整洁,
    • Prettier - Code formatter
      Prettier - Code formatter
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议