前端开发利器VSCODE推荐

2023-11-08

VSCODE:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。
注意:VSCODE适用于前端开发,仅仅是一个编辑器,并不是类似于Visual Studio 2015一样的IDE,是面向于前端开发的,这点不可混肴。
优点:

  1. 插件丰富,大大简化前端调试,可以直接在代码中进行断点,避免频繁切换谷歌控制台断点调试。这点对前端的JS代码来说是相当方便的。谷歌调试配置:在浏览器快捷方式命令行中添加 --remote-debugging-port=9222 (注意最前面有空格),在VSCODE点击左侧如下图所示的图标,点击设置图标,打开launch.json,加入以下配置。运行选择Attach to Chrome,选择对应的网页,效果如图

image.png

,{
            "type": "chrome",
            "request": "attach",
            "name": "Attach to Chrome",
            "port": 9222,
            "webRoot": "${workspaceFolder}"
        }
  1. 方便的GIT管理,可以逐行查看代码的编辑者以及更改之前的上个版本的状态。查看单个文件的git记录以及实时与当前版本或者跨版本进行对比、还原等操作。不通过SourceTree也可以进行代码的拉取上传推送等常规操作。如图所示

image.png

  1. 代码统一格式化,通过格式化插件能够将代码按照统一的风格进行格式化,代码的可读性以及观感会大大提升,对于代码之间的括号会用不同颜色进行标注,能够快速区分代码块的区域,不会再因为括号打错地方导致报错。如图所示

image.png

  1. 友好的文件图标以及管理,在安装文件图标插件后能够简单的显示出不同文件夹不同文件的作用,使用者不再拘泥于通过看每个文件的后缀来选择,视觉化的方式将减轻切换文件所带来的疲劳感,如图所示

image.png

  1. 便捷的全局搜索以及文件打开停留,在观看别的代码文件时,代码窗体会处于暂留状态,会被自动覆盖,但需要编辑的文件会一直停留在编辑器中,减少关闭操作。参考别的代码再也不会麻烦啦!全局搜索功能快速便捷,由于VSCODE属于轻量级编辑器,所以启动速度以及占用电脑内存等方面相对于Visual Studio简化了很多,此条可能需要亲自体验才能够了解到多么实用,也是本人推荐VSCODE的相当重要的一个方面。如图所示

image.png

  1. 文件变动指示,文件有修改新增移除等操作时,该文件以及上级文件(夹)都会进行提示,能够快速定位到文件修改位置,这样就不会误修改到标准代码,直接定位修改区域,无文件的文件夹自动合并,减少浏览文件的视觉疲劳。如图所示

image.png

  1. GIT提交记录按条件查询,能够按照作者、更改、文件等信息直接查找git记录,在查找问题以及修改记录时十分有用,查找的信息也十分详细,更多内容可以进行挖掘。如图所示

image.png

  1. 简单的插件同步安装,以上很多功能都基于插件安装,很多人觉得很麻烦,实际上,五分钟即可安装所有插件以及同步插件配置,大大简化门槛高度,通过同一个gist可以试所有人使用同一套完善的插件,不需要个人额外配置,并且自动同步自动上传,这里没图
  2. 快捷键自由配置,如果忍受够了Visual Studio的双重组合快捷键,可以来试试VSCODE,基本都基于两个键或者三个键组合,十分方便也容易记忆和使用
  3. 单词、语法、变量提示,VSCODE会根据JS标准语法、以及你输入过的变量自动提示,减少因为输错一个变量导致调试失败的尴尬局面,可根据个人需求安装额外插件,对英文单词进行校对。如图所示

image.pngimage.png

  1. 便捷的CSS颜色设置,看图就行

image.png

  1. 配置一键同步,以上描述了VSCODE等等优点,但大多数需要插件以及VSCODE本身进行配置,对许多人来说可能需要一定的时间进行配置与测试。现在通过setting sync插件可以将已经配置好的VSCODE插件以及选项进行下载(基于github账号)。

  2. 待补充


**VSCODE的优点还有很多很多,这里不一一列举,对于前端开发还有很多插件以及功能待开发,也是我强烈推荐的原因

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

前端开发利器VSCODE推荐 的相关文章

  • 在进程完成之前,Windows cmd.exe 中的管道不会转发标准输出?

    考虑 Windows 命令 shell cmd exe 中的管道 C gt feed filter 直到进料过程运行完成之后 进料过程的标准输出似乎才达到过滤过程的标准输入 这种类型的 缓冲 可能会导致长时间运行的馈送过程的输出消息出现烦人
  • 谁能推荐适用于 Windows 的磁盘 I/O 基准测试软件?

    我想测试文件系统在不同条件下的性能 具体来说 我想在 普通硬盘 和 USB 磁盘上测试未压缩和压缩的 Windows 虚拟机的性能 因为确切了解差异是什么会很有趣 我需要的是一个可以测试文件系统不同方面的程序 随机访问 顺序读 写等 并制作
  • 从 Windows 命令行打印 PDF

    我正在尝试打印当前目录中的所有 pdf 文件 当我在 cmd 中调用这个 bash 脚本时 singlepdf sh C Program Files x86 Adobe Reader 10 0 Reader AcroRd32 exe t G
  • std::string 到 LPCTSTR

    新版本典型问题如何转换而来std string to LPCTSTR 从不同的帖子中我了解到我应该这样做 CreateDirectory path c str NULL 编译器仍然给出错误 因为cannot convert from con
  • 在命令提示符中识别“Pip”,但在 PyCharm 终端中无法识别

    当我尝试在 Windows 命令提示符中运行 pip 时 pip V工作正常 但是当我尝试在 PyCharm 终端中运行它时 我得到 pip is not recognized as an internal or external comm
  • 批量修改XML文件

    好的 所以我不太熟悉使用 For F 如果文件是静态的并且有一组可以跳过然后从中提取数据的行 我可以修改它 我目前正在尝试修改 XML 文件 该文件将具有不同数量的行 但始终具有以下内容
  • Anaconda (Python) - Windows 10 上的 Cmder 集成

    我在 Windows 10 64 位上通过 Anaconda 让 Cmder 使用 Python 时遇到了一些麻烦 我让 Anaconda 工作得很好 测试过用 matplotlib 绘制一些东西 它与 Anaconda Prompt 一起
  • 发送和接收 Windows 消息

    Windows 消息似乎是通知 Windows 操作系统上的应用程序的好方法 它实际上运作良好 但我想到了几个问题 How to指定结构化数据lparamSendMessage 例程 就像许多消息代码一样 我的意思是 参数当然是一个指针 但
  • Java认为我的主文件夹是C盘?

    由于某种原因 我必须更改某些配置或其他内容 因为在一个全新的项目中 我输入以下内容 System out println System getProperty user home 并得到以下输出 C 而以前 它常常返回类似的东西C User
  • Git,无法在 Windows 上克隆存储库

    我正在尝试在 Windows 上使用 git 克隆远程存储库 我可以在我的 mac 上克隆它 但在 Windows 上我遇到了问题 当使用 git bash 克隆时 我收到一条消息 指出服务器的主机密钥未缓存在注册表中 它要求我按 y 或
  • 为什么不鼓励在 Windows 上将 PPM perl 模块与 Strawberry perl 一起使用?

    任何人都可以解释为什么人们会发表此评论吗 我在 stackoverflow 上看到了几个线程 像这个 https stackoverflow com questions 6643939 installing modules using st
  • C++:获取注册表值仅给出第一个字符[重复]

    这个问题在这里已经有答案了 我试图从注册表中获取字符串值 但我只得到第一个字母 HKEY hKey char gamePath MAX PATH if RegOpenKeyEx HKEY CURRENT USER L Software Bl
  • 在 Windows 下使用 linux 实用程序的最佳方法是什么? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 Linux 实用程序 如 sed awk 和其他 shell 脚本功能 非常棒 但当我在 Windows 上进行开发并且无法使用其中任何一
  • 如何在 QT 安装程序框架中区分每用户安装与系统范围安装?

    我正在使用一些名为 pgModeler 的应用程序 它的当前版本提供了一个基于 QT 安装程序框架的安装程序 Windows 上该安装程序的问题是它安装每个用户的开始菜单条目 https github com pgmodeler pgmod
  • 如何从 Windows 批处理文件中的 ECHO 字符串中去除引号?

    我正在创建一个 Windows 批处理文件 但我必须 ECHO 一个大型复杂字符串 因此我必须在两端加上双引号 问题是引号也被回显到我正在写入的文件中 如何 ECHO 这样的字符串并去掉引号 UPDATE 我花了两天的时间研究这个问题 终于
  • .NET 进程分配的内存何时释放回 Windows

    设置 NET 在启动时以及在收集后尝试满足分配请求时 分段为每一代的堆 0 1 2 LOH 分配内存 以获得连续的内存块 为每个堆分配的内存可能会随着应用程序 预热 而趋于平稳 但第 2 代和大型对象堆可能除外 在垃圾收集期间 每个堆 0
  • 如何使用 winrar 提取与 zip 文件同名的文件夹中的所有 zip 文件?

    我需要迭代一个文件夹 对于每个 zip 文件 我需要使用它的名称来提取它 也就是说 如果它是 test zip 那么它应该解压到 test 文件夹 同样 它应该迭代我的文件夹及其子文件夹并提取内容 我编写了下面的代码 但它没有使用 zip
  • 什么进程正在使用给定的文件?

    我的一个脚本遇到了问题 它似乎无法规律地写入自己的日志 并抛出错误 此文件正在被另一个进程使用 我知道有一些方法可以用 try excepts 来处理这个问题 但我想知道why这种情况正在发生 而不仅仅是掩盖它 根本不应该有任何其他东西访问
  • windows服务器中机器名有什么限制?

    我需要将机器名称存储在数据库字段中 因此我需要知道该字段有多大 那么机器名的长度有限制吗 如果是这样 限制是多少 机器名可以是 Unicode 吗 此知识库文章指出 FQDN 为 255 个字节 并且它确实支持 Unicode http s
  • Windows 上的 OpenGL SDK

    我正在尝试编写一个 OpenGL 应用程序 因此我安装了 Windows 7 SDK 然而 它似乎是OpenGL 1 1 define GL VERSION 1 1 1 如何找到我安装的 OpenGL 版本 dll 以及在哪里可以找到较新的

随机推荐

  • Python实现逻辑回归(LogisticRegression)完整过程

    最近正在做的项目正好利用到了逻辑回归 所以正好系统的学习了下 本篇博文把自己的学习笔记 项目思路及代码都记录下来 它的计算原理很多网站和书籍都有介绍 就不在这班门弄斧了 主要还是记录自己如何实现 一 逻辑回归简介 Logistic Regr
  • matlab中未定义与 ‘cell‘ 类型的输入参数相对应的运算符 ‘+‘ 的解决方案

    在函数文件中写入以下内容 function re fun a b varargin if nargin 2 re a b elseif nargin 3 c varargin 1 re a b c else error wrong end
  • 排序法 C语言常考的十大排序法 数列、字符的排序

    通过对近各大试卷题型分析 总结出 对于数据排序的十大方法 希望对大家有所帮助 方法一 冒泡排序法 升序排序法 方法二 选择排序法 方法三 插入排序法 方法四 希尔排序法 Shell Sort 方法五 归并排序法 方法六 快速排序法 交换排序
  • 一文搞懂Python时间序列预测(步骤,模板,python代码)

    预测包括 数值拟合 线性回归 多元回归 时间序列 神经网络等等 对于单变量的时间序列预测 模型有AR MA ARMA ARIMA 综合来说用ARIMA即可表示全部 数据和代码链接 数据和Jupyter文件 以预测美国未来10年GDP的变换情
  • PyTorch指定GPU训练 CUDA_VISIBLE_DEVICES

    方法一 import os import torch os environ CUDA VISIBLE DEVICES 4 5 方法二 CUDA VISIBLE DEVICES 4 python py
  • FPGA零基础学习之Vivado-LED流水灯实验

    FPGA零基础学习之Vivado LED流水灯实验 本系列将带来FPGA的系统性学习 从最基本的数字电路基础开始 最详细操作步骤 最直白的言语描述 手把手的 傻瓜式 讲解 让电子 信息 通信类专业学生 初入职场小白及打算进阶提升的职业开发者
  • QT播放音频方法

    首先需要包含的头文件包含 include
  • opencv 07 用Hausdorff距离做形状匹配(shape_example) vs2015

    01 资源 OpenCV自带的行人检测demo opencv samples cpp shape example cpp shape example cpp可以图形形状相似对比 通过判断Hausdorff距离的结果做出最匹配判断 Hausd
  • Schedule

    Part1背景 定时任务 在我们实际开发中经常会用到 比如 Linux 的 Corntab Django 的 Django celery Django corntab 等 但是这些工具和框架总有某些不合适的地方 比如不灵活 笨重等 今天我们
  • 【算法】模拟退火

    文章目录 1 模拟退火介绍 1 1模拟退火的可行性 1 2退火模型 2 详解退火 2 1退火过程 2 2各变量说明 2 2 1关于接收概率 3 退火模拟求根号n的值 4 洛谷POJ 2420 1 模拟退火介绍 模拟退火是模拟物理上退火方法
  • ionic修改控件内置class样式

    背景 使用ionic中控件 有时候他的样式不能满足实际开发需求 需要改改一些样式 ion datetime 时间控件 想修改一下默认的白色背景 修改后 代码 在variables scss文件中的root伪类中增加属性 root 修改时间控
  • 正在设定sun-java6-jre解决方法

    今天搭建一个linux的开发环境遇到一个很无解的问题 出现一个 正在设定 sun java6 jre 的界面 然后鼠标接盘都操作不了 还是惊叹网络的强大 在网上搜索到一个解决方案 才发现遇到问题特别时一个很无解的问题 要即使的上网搜索一下
  • 计算机图形学 期末复习 微课版 孔令德 六、自由曲线与曲面 期末复习

    重点 公式 连续性条件 参数连续性 0阶参数连续性 若两个相邻的曲线段在首末点相连接 C 0 1阶参数连续性 若两个相邻曲线段在相交点处有相同的一阶导数 C 1 2阶参数连续性 若两个相邻曲线段的方程在相交点处具有相同的一阶和二阶导数 C
  • 基于CCG算法的IEEE33配电网两阶段鲁棒优化调度matlab

    目录 1 前言 2基本内容 2 1 配网两阶段鲁棒模型 2 2 求解步骤 3部分程序 4程序结果 5程序链接 1 前言 鲁棒优化是电力系统研究的热点 而两阶段鲁棒和分布鲁棒研究就成为各类期刊 sci ei 核心 的宠儿 最简单的思路是通过改
  • unity3D塔防游戏-虚拟现实大作业-包含源程序、导出exe文件,游戏设计报告

    unity3d塔防游戏 下载链接在文末 点我下载资源 https download csdn net download weixin 43474701 35073702
  • franchisor and franchisee

    What is the difference between a franchisor and a franchisee The franchisor is the person or corporation that owns the t
  • SpringCloud(四)注册中心之Eureka

    SpringCloud 四 注册中心之Eureka 第一代 Spring Cloud 核心组件 从形式上来说 Feign一个顶三 Feign RestTemplate Ribbon Hystrix 常用的服务注册中心 Eureka Naco
  • 【ahk】映射按键到执行函数

    global zFuncCallPattern w IsFuncCallStr callFuncStr Return RegExMatch callFuncStr O zFuncCallPattern matchObj EvalStrArg
  • STM32 基础系列教程 33 - Lwip_tcp_client

    前言 学习stm32 以太网接口使用 及LWIP使用 用LWIP快速实现一个TCP client网络通信功能 学会基本LWIP的网络数据接收与发送功能 让初学者了解lwip 关于Lwip更多的功能介绍将会在后期的STM32 中级教程中介绍
  • 前端开发利器VSCODE推荐

    VSCODE 一个运行于 Mac OS X Windows和 Linux 之上的 针对于编写现代 Web 和云应用的跨平台源代码编辑器 注意 VSCODE适用于前端开发 仅仅是一个编辑器 并不是类似于Visual Studio 2015一样