VSCode总结

简介

全称Visual Studio Code,是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器

它默认支持 JavaScript、TypeScript、CSS 和 HTML 等编程语言,并且可以通过安装扩展来支持 Python、C/C++、Java 和 Go 等更多语言。

免费,开源,轻量

应用场景:

  • 前端开发:支持 HTML/CSS/JavaScript、TypeScript,以及 React、Vue、Angular 等框架。
  • 后端开发:支持 Node.js、Python、Java 等后端开发语言。
  • 数据科学:可安装 Jupyter Notebook 插件,进行数据分析和可视化。
  • DevOps:支持 YAML 配置、Docker、Kubernetes 等工具集成。
  • 其他场景:例如文档编辑(Markdown)、静态网站生成、代码复审等

官网

https://code.visualstudio.com/

下载安装

访问官网进行点击下载

选择安装的位置

点击下一步,再点击安装,开始安装。

使用

面板说明

1:活动栏,2:侧边栏,3:编辑栏,4:面板栏,5:状态栏

活动栏:

主题设置

自动保存

代码片段

全局代码片段:此时文件存储在用户目录下,所有的项目均可使用此代码片段

局部代码片段:此时文件存储在项目目录下,只有此项目可使用此代码片段

特定语言代码片段:同全局代码片段,但只用特定的语言可以使用

代码片段作用描述:用于概况描述代码片段的作用

  • scope:代码片段作用的语言
  • prefix:代码片段触发的字符,输入此字符调用代码片段
  • body:代码片段主体,也就是模板部分
  • description:代码片段的详细描述

命令面板

几乎所有操作都可以通过命令面板完成。通过快捷键 Ctrl + Shift + P 或 Shift + Command + P 打开命令面板,然后可以搜索并选择相应的命令执行

快捷键设置

CTRL + K + S或者文件 -> 首选项 -> 键盘快捷键方式

常用快捷键

  • Ctrl + B :显示或隐藏侧边栏
  • Ctrl + Shift + Y :显示或隐藏调试控制台
  • Ctrl + / :注释或取消注释语句(会在光标所在代码行添加或取消//注释符号)
  • Ctrl + K + Z :切换VS Code的禅模式,隐藏干扰项
  • F2 重命名
  • F5 :开始调试代码
  • Shift+F5停止调试
  • Ctrl + F5 :直接执行代码,不调试
  • F9 :设置断点
  • F10:逐过程调试
  • F11:逐语句调试
  • Shift+F11步出
  • Ctrl + F:启动搜索替换工具
  • F12:快速转到函数或变量定义的地方(比如java的service的接口方法)
  • Ctrl+F12 转到声明(比如java的service实现类的方法实现)
  • Ctrl + P 快速搜索并打开项目中的特定文件
  • Alt + Left 和 Alt + Right 可以在打开的文件之间快速切换,或使用 Ctrl + Tab 浏览当前编辑器中打开的文件。
  • Ctrl + G 可以快速导航到指定的行
  • Ctrl + Shift + K 快速删除一行或多行代码
  • Alt + 单击 可以添加更多光标,可以进行多块选择
  • Ctrl + Alt + Up/Down 在上方或下方添加光标
  • Alt + ↑ 或者 ↓ 移动行
  • Shift + Alt + ↑ 或者 ↓ 复制行
  • Alt + ← 跳转到上一个修改处
  • Alt + → 跳转到下一个修改处
  • Ctrl + ~打开终端
  • Ctrl + Shift + F 全局搜索
  • Ctrl + K + 0~9(代表多少级)折叠代码
  • Ctrl + K + J 展开折叠代码
  • Ctrl + Tab 切换打开文件
  • Alt + Tab 切换应用
  • Tab 自动补全,使用方向键 ↑ 或 ↓(上下键) 导航建议项
  • Shift + Alt + F 格式化代码
  • Ctrl+Shift+G 打开版本控制视图
  • Ctrl+Enter 提交代码
  • Ctrl+Shift+D 查看版本变更
  • F11切换全屏
  • Ctrl+Shift+F 全局文件内容搜索
  •  

 

 

插件

按照完插件以后要重启下生效

中文

chinese

通义灵码

TONGYI Lingma

 

创建项目

vscode本身没有新建项目的选项,所以要先创建一个空的文件夹,文件-打开文件夹

 

git操作说明

拉取:拉取是将远程仓库中的更改同步到本地仓库中,可以理解为“下行”

推送:推送是将本地仓库中的更改同步到远程仓库中,可以理解为“上行”

克隆:指将平台仓库的所有文件 包括该仓库所有分支 都复制到本地电脑 , 这种方式下不需要再初始化本地仓库;

签出到:从当前或者其它分支 再新增一个分支 ;

更改:将当前分支修改的内容移到暂存区,该操作不会把数据合并到本地和平台仓库,仅仅表示你对当前分支的修改 做的缓存;

同步:同步是同时拉取并推送,即将远程仓库的更改同步到本地仓库中,又将本地仓库的更改同步到远程仓库中,可以理解为“上行+下行”

变基分支:变基意思就是改变基础。假设现在有分支A和分支B。分支A共有a,b,c,d,e,f三次提交。分支B共有x,y,z三次提交。分支A和B大部分内容相同,分支B是在分支A的c节点处被新创建的(每次提交就是一个节点)。此时如果将B变基到A,则本地仓库中B的历史提交会变成a,b,c,d,e,f,x,y,z。即将A的全部提交都作用于B分支后,再进行B自身的x,y,z三次提交。变基分支会打乱该分支的历史提交,一般多人协作时不使用,以免产生混乱。但是个人使用时,有时会很有用

java开发环境搭建

Extension Pack for Java插件

安装Extension Pack for Java插件:

image

该插件包会自动引入 Java 语言支持、调试器、Maven/Gradle 集成、Test Runner 等实用工具。

配置jdk

通过Ctrl+Shift+P打开命令面板,搜索Java: Configure Java Runtime

之后选择自己的jdk按照路径

image

配置maven:

image

搜索maven

image

image

在项目的下面可以方便使用maven的生命周期

dependencies可以查看依赖信息,冲突的包会标黄,最终冲突的包会有小扳手可以点击解决冲突

image

debug/运行java程序

找到启动文件,右键选择进行debug或运行

image

posted @ 2025-04-23 14:24  星光闪闪  阅读(49)  评论(0)    收藏  举报