30分钟vscode入门指南

前方干货预警😋😋

这可能是你能够找到的最清晰最精华的针对Python程序员的vscode入门指南。

公众号算法美食屋后台回复关键词:vscode,获取本文markdown源码。

〇,前言

一直以来我最喜欢的编程IDE是 Jupyter。

喜欢它的交互式开发与快速迭代。(密集反馈)

喜欢它的数据探索与可视化集成。(数据驱动)

喜欢它的代码与文档一体化。(叙事编程)

但是,copilot/cursor/trae/cline 等AI编程工具的出现,让事情发生了一些转变。

这些流行的AI编程工具要么是以vscode插件形式出现,要么是在vscode基础上继续开发的独立IDE。

幸运的是,vscode内置了对jupyter 的原生支持,各种快捷键都完全一样。

所以我经常就是在vscode环境里来写jupyter,同时获得AI的加持。

下面是我整理的方便Python开发者熟悉vscode环境的入门指南。

方便没有用过的同学快速入门,也可以给用过但不太熟悉的同学查缺补漏。

一,vscode主要特性

vscode相比其他IDE的优势:

⚫️ 轻量级但功能强大

⚫️ 免费开源

⚫️ 扩展性强,插件生态丰富

⚫️ 对多种语言支持良好

8b8ac5e27e2e2b00c410e005e44b8ee4.png

二、安装vscode

在如下网页下载对应系统vscode版本软件

https://code.visualstudio.com/

按照指引一步一步安装即可。

安装后,可以在命令行输入 code 启动 vscode.

当然,你也可以点击vscode软件图标启动。

三,熟悉vscode界面

vscode 界面相比jupyter lab 会复杂很多。可以根据需要展开或者折叠它们,也可以拖动调整它们的大小。

1,界面的主要结构

⚫️ 活动栏(Activity Bar):位于界面最左侧,提供对各种视图的快速访问,如文件目录、搜索、版本控制等。

⚫️ 主侧栏(Side Bar):紧邻活动栏右侧,当活动栏选择不同功能按钮呈现不同内容。

⚫️ 编辑器区域(Editor Area):中间是编辑器区域,显示打开的文件内容,可进行代码编辑。

⚫️ 副侧栏(Secondary Sidebar): 位于编辑器区域的右侧,很多时候是折叠的。

⚫️ 面板区域(Panel):通常位于界面下方,提供输出、调试控制台等视图。

⚫️ 状态栏(Status Bar):显示当前git所在分支,错误警告数量,语言模式等重要信息。

2,界面的常用按钮

下面是 vscode 界面中最常用的一些按钮和对应的功能。

⚫️ 文件目录:显示当前打开的文件和文件夹。可以通过单击文件或文件夹来切换到它们。

⚫️ 插件市场:可以根据需要安装各种插件,甚至可以在里面找到刷微博刷力扣的摸鱼神器。

⚫️ 运行按钮:点击它或者按住可以运行当前代码。

⚫️ 展开面板:点击它可以找到终端写各种bash命令。再次点击会折叠。

⚫️ 展开副侧栏:通常AI编程助手会在这个位置。

b544eb856fb71b5dd84790f717395755.png

四、设置vscode环境

1. 设置自动保存 (非常重要)

⚫️ 打开设置(Cmd/Ctrl + ,)

⚫️ 搜索"Files: Auto Save"

⚫️ 选择自动保存模式: afterDelay: 延迟保存

⚫️ PS:这个设置非常重要,默认是不开启自动保存的。

⚫️ 有可能写了代码忘了保存,直接关闭了vscode白忙乎了半天。

8968416252cce448c0130961fdc090ed.png

2. 设置中文界面

⚫️ 打开命令面板(Cmd/Ctrl + Shift + P)

⚫️ 输入"Configure Display Language"并选择

⚫️ 选择"Install additional languages"

⚫️ 在扩展商店中搜索并安装"Chinese (Simplified)"

⚫️ 重启vscode生效

59a459ac9300c7b840c39f70e0548979.png

3. 设置界面主题

⚫️ 打开命令面板(Cmd/Ctrl + Shift + P)

⚫️ 输入"Theme"

⚫️ 选择"Preference: Color Theme""

⚫️ 选择你喜欢的界面主题颜色。

⚫️ PS: 资深程序员一般喜欢深色。😊

d758fdcb9f844432d0e2844526e7cb73.png

4. 选择Python解释器

⚫️ Cmd/Ctrl + Shift + P

⚫️ 输入"Python: Select Interpreter"

⚫️ 选择对应版本

8d250ede458cbafd952bb29bb658b176.png

四、常用快捷键

1. 通用快捷键

⚫️ 打开命令面板: Cmd/Ctrl + Shift + P

⚫️ 快速打开文件: Cmd/Ctrl + P

⚫️ 保存: Cmd/Ctrl + S

⚫️ 撤销: Cmd/Ctrl + Z

⚫️ 重做: Cmd/Ctrl + Shift + Z

⚫️ 查找: Cmd/Ctrl + F

⚫️ 替换: Cmd/Ctrl + Shift + H

2. 编辑快捷键

⚫️ 注释/取消注释: Cmd/Ctrl + /

⚫️ 多光标编辑: Alt + 单击

d815ea2c37bfdef68cf8e816f52d0623.png

五、推荐插件

1. Python (Microsoft官方开发)

⚫️ 提供Python语法高亮

⚫️ 调试功能

⚫️ 代码智能提示

7d24908a384a29be8df90132357839fd.png

2. Jupyter (Microsoft官方开发)

⚫️ 交互式 运行Jupyter Notebook。

⚫️ 右上角切换kernel非常方便。

⚫️ 快捷键与Jupyter原生一样 Ctrl/Command+Enter执行代码。

⚫️ 可以连接远程Jupyter Notebook服务器上的Kernel

5d36d97546097844e8ec9f01e3adf283.png

3. GitHub Copilot

⚫️ 免费,登录github账号即可使用

⚫️ 强大的tab智能补全

⚫️ 编码遇到问题,直接在IDE左边栏中开聊,无需切换到浏览器中找其它AI。

⚫️ IDE右侧copilot edit模式可以开发完整项目,有时候有点卡就是。

1b57a5d3c61f4afb896ae25fa5022697.png

以上,喜欢的话点个赞呗~

ea961edeeff3e34dcde294db8d9a1b45.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值