Visual Studio Code(简称 VS Code)下载与使用教程1(新建文件,语法高亮,快捷键,主题,快捷指令)

简介

微软(Microsoft) 开发的 免费、开源、跨平台代码编辑器,广泛用于编程开发、文本编辑和调试。

主要功能

  • 代码编辑 :支持几乎所有编程语言(Python、JavaScript、Java、C++、Go 等),提供 语法高亮智能代码补全 (IntelliSense)和 代码片段

  • 调试工具:内置调试器,可断点调试、变量检查,支持 Node.js、Python、C# 等语言。

  • 版本控制 :集成 Git,可直接在编辑器内提交代码、查看变更记录。

  • 扩展插件 :通过 扩展市场 安装插件(如 ESLint、Docker、REST Client),无限扩展功能。

  • 终端集成:内置命令行终端(支持 PowerShell、Bash、CMD),无需切换窗口。

适用场景

  • 前端开发:HTML/CSS/JavaScript、React、Vue 等框架。

  • 后端开发:Node.js、Python、PHP、Java 等。

  • 数据科学:搭配 Jupyter Notebook 插件运行 Python 数据分析。

  • 轻量级替代:比 Visual Studio(大型 IDE)更轻便,适合快速编辑或小型项目。

跨平台支持

  • 操作系统:Windows、macOS、Linux 均可运行。

  • 云开发 :支持 GitHub Codespaces(在线版 VS Code)。

下载

官网: Download Visual Studio Code - Mac, Linux, Windows

官方教程: 教程:Visual Studio Code 入门

使用教程

页面介绍

新建文件

方法1:

文件>>新建文件

方法2:

欢迎页面>>新建文件

语法高亮

刚开始写代码语法没有高亮

文件>>另存为>>起名示例: app.js>>语法高亮

保存文件后, 会自动识别文件的后缀, 使用相应的高亮规则以及一些提示

快捷键

方法1:

欢迎页>>快捷键速查表

方法2:

Ctrl + K 然后 Ctrl + S

方法3:

安装官方扩展 Keymaps (搜索 @recommended:keymaps),它会根据你的操作系统显示常用快捷键。

Sublime Text Keymap

  • 将 Sublime Text 的快捷键映射到 VS Code。

  • 开发者:Microsoft

Notepad++ keymap

  • 将 Notepad++ 的快捷键迁移到 VS Code。

  • 开发者:Microsoft

官方快捷键文档(windows)

keyboard-shortcuts-windows.pdf

主题颜色

用上下键来预览主题颜色

快捷指令

Ctrl+Shift+P

输入关键词, 快速过滤出需要的指令

相关推荐
潮流coder1 小时前
vscode修改缓存保存路径
ide·vscode·缓存
承接电子控制相关项目2 小时前
安装VSCODE发现 右击选项中无VSCODE 打开选项,处理方法汇总
ide·vscode·编辑器
Better Bench4 小时前
Ubuntu aarch64\arm64系统安装vscode
linux·vscode·ubuntu
x10n94 小时前
OceanBase 参数对比工具 附源码
数据库·vscode·oceanbase·腾讯云ai代码助手
我是菜鸟0713号5 小时前
VSCode配置Qt6开发教程
ide·vscode·编辑器
Jovin Giogic7 小时前
简明教程:记录 Ubuntu系统命令行安装TexLive,配置vscode
linux·vscode·ubuntu·latex·texlive
lanhuazui109 小时前
VScode中函数和变量跳转定义配置文件设置
vscode·编辑器
oioihoii12 小时前
VSCode CMake Tools 功能解析、流程与最佳实践介绍
ide·vscode·xhtml
fpl111612 小时前
npm :无法加载文件 D:\...\nodejs\npm.ps1,因为在此系统上禁止运行脚本
前端·vscode·npm·node.js·命令模式
cypking12 小时前
利用 PHPStudy(Mac 版)部署 Nuxt3 node-server 模式项目完整教程
macos·编辑器·vim