初学前端必备的Visual Studio Code编辑器

article/2025/9/3 14:25:19

在这里插入图片描述

简介

VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。


该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。

用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能。

特性

Visual Studio Code 默认支持非常多的编程语言,包括JavaScript、TypeScript、CSS 和 HTML

也可以通过下载扩展支持 Python、C/C++、Java 和 Go 在内的其他语言。支持功能包括语法高亮、括号补全、代码折叠和代码片段;对于部分语言,可以使用 IntelliSense。

Visual Studio Code 也支持调试 Node.js 程序。和 GitHub 的 Atom一样,Visual Studio Code 也基于 Electron 框架构建。

Visual Studio Code 支持同时打开多个目录,并将信息保存在工作区中以便复用。

作为跨平台的编辑器,Visual Studio Code 允许用户更改文件的代码页、换行符和编程语言。
在这里插入图片描述


VScode 安装

VScode 官网地址

VScode 官方文档地址

我们可以在 VScode 官网首页下载对应系统(支持Windows、Linux、macOS)的软件:

在这里插入图片描述
你也可以打开下载页面,下载想要的格式包:

在这里插入图片描述
VSCode 安装很简单,macOS 下载 zip 解压后就能使用。

本章节我们以 Windows 为例下载安装包,然后双击打开安装包,点击 Next:

在这里插入图片描述

选中接受协议选项,然后点击 Next
在这里插入图片描述
选择安装路径,也可以直接使用默认的:

在这里插入图片描述
点击 Next:

在这里插入图片描述
注意安装路径设置、环境变量默认自动添加到系统中,勾选以下所有选项:
在这里插入图片描述
最后我们点击 Install就可以完成安装了:

在这里插入图片描述
在这里插入图片描述

安装汉化包

VScode 安装汉化包很简单,打开 VScode,点击安装扩展,在搜索框输入 Chinese,然后点 Install 就可以:

在这里插入图片描述
VScode 的扩展功能非常强大,我们可以找到几乎所有开发需要的工具,当然也可以自己开发。

VScode 扩展说明文档参考:

界面说明

以下是 VScode 启动后的界面,简单说明如图:
在这里插入图片描述


在这里插入图片描述


http://chatgpt.dhexx.cn/article/tLicaprN.shtml

相关文章

web前端编辑器,sublime使用技巧和方法

工欲善其事必先利其器,一个好的web前端编辑器可以加速你的web开发进度。 web前端编辑器有很多,个人觉得每个编辑器都有其自身的有点,适合自己的用的就是好的编辑器。 这些编辑器你是否用过,你喜欢用哪些代码编辑器? …

前端必备的开发工具推荐——VScode代码编辑器

前言 VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,…

强烈推荐:web前端目前最受欢迎的4款编辑器

2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,前端由此发生了翻天覆地的变化。在这漫长的岁月里,前端开发工具也在不断的演变更新,作为一枚从事了3年多前端的工作者,总结一波目前比…

初识百度前端编辑器UEditor

专业医养综合系统的开发框架已经基本构建完成,采用了B/S模式,以适应未来分布式和云平台应用。 对于医院信息系统来说,电子病历是关键的功能模块之一,而B/S结构的电子病历并不常见,因此为了配合开发框架的使用&#xff…

前端页面插件集成-Markdown编辑器

页面插件集成-Markdown 下载MarkDown的插件包引入css、js、jquary文件定义一个textarea区域作为MarkDown的载体初始化Markdown编辑器最终效果 下载MarkDown的插件包 下载地址如下: 下载传送门 点击Github下载,然后解压 解压之后将如下文件夹和 js 文件c…

前端——代码编辑器

1.codemirror插件 相关网址 Vue 官方插件库推荐的集成实现 这个实现做的比较全面,但不支持动态语法高亮的切换codemirror 支持的语言类型codemirror 官网 参考文章: vue-codemirror 代码编辑器 - 简书 2.vue-codemirror插件 相关网址 1.vue-codemir…

三款好用的前端代码编辑器推荐

想学web前端开发,那么必然离不开一款实用的代码编辑器,了解一些代码编辑器及其功能和快捷方式可以让开发人员在工作效率方面获得巨大优势。下面小千就整理了三款常用web前端代码编辑器,一起来看看吧。 1、Visual Studio Code 微软的Visual…

这7个web前端开发写代码软件,你过用几个?

群里的朋友,经常问到web前端开发写代码用那个软件好?今天在这里统一回答下,主流的web前端开发写代码的软件有这些Webstorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等,做前端这么多年了,下面谈下我的使用感受吧。 1.WebStorm【推荐】 WebStorm…

你居然不知道前端常用的这6种编辑器

前端常用的6种编辑器 Visual Studio Code 下载地址:https://code.visualstudio.com/ 介绍: Visual Studio Code简称VS Code,是一款由微软开发且跨平台的免费代码编辑器,该软件功能十分强大,功能和插件也非常的全面&…

和菜鸟一起学电子小玩意之四轴飞行器原理

前几天看到个视频,觉得四轴飞行器很赞,于是乎想研究下,准备做一个玩玩。凡事还得先从基础开始。先学习下四轴的工作原理,那样,对以后的开发也相对来说方便多了。下面摘抄了一篇好文章,结合图形,…

多旋翼无人机进阶教程

无人机是一个系统的工程,不可谓不庞大。 开源飞控盛行,重复造轮子的工作实在无需再做。 但是若决定真正的去研究飞控,必须从本质出发,熟悉并了解其实现原理。 纷繁复杂的资料,让人无法分辨。 笔者不才,…

四轴飞行器入门——飞行器的硬件结构

引言 本篇文章主要介绍四轴飞行器的硬件结构。前半篇文章介绍每种硬件的作用,后半部分会讲一些硬件选型的相关知识。 本文大部分内容为原创,少部分内容搬运自其它博客或文章。对于搬运过来的内容,文末附上原文链接。 飞行器的硬件结构 以…

F450四旋翼搭建

这次是用Pixhawk飞控搭建四旋翼! 一、底板焊接 将四个电调以及XT60电源线焊接在底板上,注意线穿过底板留出的孔,红白线对应正负极,同时焊点不能太大,会阻挡以后电池的安装。 二、电机香蕉头焊接和套上热缩管 香蕉头…

四轴飞行器姿态控制

四轴飞行器姿态控制 一、姿态解算相关概念 1.欧拉角 用来表示三维空间中运动物体绕坐标轴旋转的情况,即物体每时每秒的姿态可以由欧拉角表示。 2.四元数 四元数用于物体的旋转,是一种复杂但是效率较高的旋转方式。 对于一个物体的旋转&#xff0c…

四轴飞行器学习笔记

四轴飞行器学习笔记 程序员除了素质一无所有 纯手工打造 独具匠心 Mr_zhang 访问此博客 好评 非常好评 极度好评 文章目录 **四轴飞行器学习笔记**访问此博客 四轴飞行器飞行原理其基本的运动状态分别为机翼陀螺仪**倾角传感器**(角度传感器,并不是四轴飞行器常用部…

一起DIY四轴飞行器(一)项目简介

前言 前段时间看到一篇博客,利用开源的飞控,自己DIY的四轴飞行器,内心就开始躁动,想自己也DIY一架四轴飞行器。本系列博客,记录业余时间DIY的过程,个人能力有限,中间肯定会遇到很多困难&#xf…

图文并茂详细教程之-- 用pixhawk飞控组装一台F450四轴无人机(下)

摘自:https://mp.weixin.qq.com/s/1vXfYPgaQEkXLfpSnjJqAw 图文并茂详细教程之-- 用pixhawk飞控组装一台F450四轴无人机(下) CJKK 苍穹四轴DIY 2019-11-15 第八步 失控保护设置 PIX 的失控保护是通过 故障保护 菜单配置的,点…

四旋翼飞行器教学笔记1 ——四轴飞行器飞行原理简介

顾名思义,四轴飞行器由四个螺旋桨高速旋转产生升力,为其提供飞行动力。 四个电机转向正反各两个,可以相互抵消反扭矩。不同于常规固定翼飞机,多旋翼无人机属于静不稳定系统,因此必须依赖于强大的飞控系统才能飞行。 …

四轴飞控DIY调试起飞简明步骤

四轴飞控DIY调试起飞简明步骤 调试起飞简明步骤Step1:飞控配置Step2:试飞目标测试内容坐标系 Step3:试飞方法1.升降(Throttle)2.偏航(yaw)3.俯仰(Pitch)4.翻滚&#xff0…

飞越650四轴无人机安装全程详解(多图)

飞越650四轴无人机安装全程详解(多图) 本文根据自己的安装实际过程,总结了开箱后一个比较合理的650四轴无人机安装顺序,以及各个步骤的注意事项,主要内容包括: 系统基本配置 机架安装 安装机臂与机架上板…