VScode 看这一篇就够了

news2025/7/16 2:29:43

VScode 小白入门教程

VScode 小白入门教程

    • VScode简介
    • VScode的下载与安装
    • VScode的常用设置
      • 基础设置
      • 禁用自动更新
      • 自动保存设置
      • Vscode更换主题
    • VScode的常用快捷键
    • 开发人员常用的VScode插件
    • 使用VScode开始你的第一行C/C++代码

VScode简介

VScode全称是Visual Studio Code,是微软推出的一个跨平台的编辑器,能够在windows、Linux、IOS等平台上运行,通过安装一些插件可以让这个编辑器变成一个编译器。 VSCode支持C++、Python、Java、C#、Go等多种语言,功能强大、插件丰富并且启动速度极快,值得每个开发人员尝试一把!

VScode的下载与安装

VScode可以直接在官网下载,官网地址: VScode官网.
图1
进入官网,点击download,选择适配自己系统以及需求的版本,下载之后点击安装,更改默认安装路径为D盘,然后打开进行软件设置。

VScode的常用设置

VScode的默认语言是英语,如果不熟悉英语的同学,或者是希望更加熟练掌握VScode的小白同学可以选择配置Chinese语言插件,如下图所示,点击扩展包进行安装,搜索Chinese语言扩展包,安装完成之后需要重启程序
在这里插入图片描述在进行VScode设置之前,需要先了解VScode的基本操作,首先熟悉VScode的整个界面,如图所示在这里插入图片描述
最左侧是活动栏,活动栏由上到下分别是打开侧边栏,搜索,使用git,debug,使用插件;
侧边栏,新建项目文件和文件夹;
编辑栏,编写代码的区域;
面板栏,从左到右依次为,问题,输出,调试栏,终端(terminal),最重要的是terminal,用来输入相关命令;
状态栏,点击错误和警告区域可以调出面板栏;

基础设置

进行VScode设置,点击文件——>首选项——>设置,就可以对自己喜欢的风格进行设置了;这里推荐一些基础设置。
(1)editor.fontsize用来设置字体大小,可以设置editor.fontsize : 14;

(2)files.autoSave这个属性是表示文件是否进行自动保存,推荐设置为onFocusChange——文件焦点变化时自动保存。

(3)editor.tabCompletion用来在出现推荐值时,按下Tab键是否自动填入最佳推荐值,推荐设置为on;

(4)editor.codeActionsOnSave中的source.organizeImports属性,这个属性能够在保存时,自动调整 import 语句相关顺序,能够让你的 import 语句按照字母顺序进行排列,推荐设置为true,即"editor.codeActionsOnSave": { “source.organizeImports”: true };

(5)editor.lineNumbers设置代码行号,即editor.lineNumbers :true;

禁用自动更新

文件 > 首选项 > 设置(macOS:代码 > 首选项 > 设置,搜索update mode并将设置更改为none。

开启代码提示设置

第一步:点击左下角点击设置图标,找到并点击“setting”

第二步:到搜索框里搜索“prevent”—>并取消此项的勾选;

自动保存设置

File(文件)- Preferences(首选项)- Setting (设置)然后弹出下面界面,选择User(一般会默认选中该选项),

接着如下图选择afterdelay选项即可,下面有个数字1000表示1秒,这个可自行设置,表示多少秒以后自动保存

Vscode更换主题

File(文件)- Preferences(首选项)- Color-Theme (颜色主题)

VScode的常用快捷键

高效的使用vscode,记住一些常用的快捷键是必不可少的,我给大家罗列了一些日常工作过程中用的多的快捷键。

以下以Windows为主,windows的 Ctrl,mac下换成Command就行了

对于 的操作:

重开一行:光标在行尾的话,回车即可;不在行尾,ctrl + enter 向下重开一行;ctrl+shift + enter 则是在上一行重开一行
删除一行:光标没有选择内容时,ctrl + x 剪切一行;ctrl +shift + k 直接删除一行
移动一行:alt + ↑ 向上移动一行;alt + ↓ 向下移动一行
复制一行:shift + alt + ↓ 向下复制一行;shift + alt + ↑ 向上复制一行
ctrl + z 回退
对于 的操作:

选中一个词:ctrl + d
搜索或者替换:

ctrl + f :搜索
ctrl + alt + f: 替换
ctrl + shift + f:在项目内搜索
通过Ctrl + ` 可以打开或关闭终端

Ctrl+P 快速打开最近打开的文件

Ctrl+Shift+N 打开新的编辑器窗口

Ctrl+Shift+W 关闭编辑器

Home 光标跳转到行头

End 光标跳转到行尾

Ctrl + Home 跳转到页头

Ctrl + End 跳转到页尾

Ctrl + Shift + [ 折叠区域代码

Ctrl + Shift + ] 展开区域代码

Ctrl + / 添加关闭行注释

Shift + Alt +A 块区域注释

如果上述快捷键还是不能满足你的平常使用,你可以使用Ctrl +K,Ctrl +S来调出快捷键设置,如下图

在这里插入图片描述

开发人员常用的VScode插件

在输入框中输入想要安装的插件名称,点击安装即可。安装后没有效果,可以重启vscode;
在这里插入图片描述
vscode-icons
改变编辑器里面的文件图标

Bracket Pair Colorizer
给嵌套的各种括号加上不同的颜色。

Path Intellisense
智能路径提示,可以在你输入文件路径时智能提示。

Markdown Preview
实时预览 markdown。

Markdown All in One
支持VScode的markdown扩展包

Prettier
比Beautify更好用的代码格式化插件

使用VScode开始你的第一行C/C++代码

如果你的电脑并没有对c++的编译环境进行配置的话,需要首先进行C++语言的配置。下载MingW,可以去MingW官网下载,:官网链接.。如果不愿意下载的话,下面贴上MingW的百度网盘地址。
百度网盘:https://pan.baidu.com/s/1kHP3hObF37yX-cm82vYJhA
提取码:j6xs
安装MingW只需要一路默认就行了,打开MingW Installer Manager,All Package——>MingW——>MingW Base System,选择MingW-32的bin文件和dev文件,如果是需要C++编译的,则需要选择MingW-32-gcc-g++的bin文件夹,然后进行安装就可以了。
安装完MingW,需要对环境变量进行配置,打开高级系统设置,点击环境变量,新建Path路径,复制MingW的bin文件路径。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
当你配置完环境变量后,打开VScode,安装code runner和C/C++扩展程序就可以开始调试运行第一行代码
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/404985.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

一文吃透JavaScript程序控制流与函数

文章目录思维导图💖程序控制流⛳️顺序结构⛳️分支结构💫比较运算符💫逻辑运算符💫if语句💫switch语句⛳️循环结构💫while语句💫do...while语句💫for语句💫break和cont…

【小程序开发】uniapp引入iconfont图标及使用方式

🧊 前言 本文主要讲述的是在使用uniapp中如何引入iconfont图标,以及两种常用的位置。 位置一:App下原生导航栏的按钮使用字体图标。位置二:页面中的任意位置使用iconfont图标。 🌺 正文 第一步:打开iconfo…

HTML爱心网页制作[樱花+爱心]

HTMLCSSJavaScript实现 先点赞后观看,养成好习惯 “不想动手的小伙伴可以直接拿网盘成品” 阿里云盘------提取码: 0d5j 效果图 注:任意浏览器都可以,建议使用谷歌浏览器 代码部分 代码如下仅供参考 可以直接拿去复制粘贴 <!DOCTYPE html> <html><head>…

2022最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)

程序员面试题库分享 1、前端面试题库 &#xff08;面试必备&#xff09; 推荐&#xff1a;★★★★★ 地址&#xff1a;前端面试题库 2、前端技术导航大全 推荐&#xff1a;★★★★★ 地址&#xff1a;前端技术导航大全 3、开发者颜色值转换工具 推荐&…

【vite·4】vite在多环境下的配置集成方案及defineConfig(非常详细)

vite的默认配置文件是vite.config.js&#xff0c;最基础的配置文件格式如下&#xff1a; export default {// 配置选项 };我们也可以通过 –config 命令行选项指定一个配置文件&#xff0c;命令行输入&#xff1a; vite --config my-config.js vite运行在node环境&#xff0c;…

【前端小技能】Vue集成百度离线地图

Vue项目集成百度离线地图 工作中遇到了一个需求&#xff0c;要在内网使用百度地图&#xff0c;那么肯定就是离线的地图了&#xff0c;查阅了一些博文&#xff0c;开发过程中也遇到了各种各样的问题&#xff0c;在此做下记录&#xff0c;希望带大家避坑&#xff0c;也给自己这两…

若依:如何去掉首页,设置登录后跳转到第一个路由菜单

若依系统是一个很好用的&#xff0c;开源的前端后台管理系统。 最近公司有一个需求&#xff0c;需要把默认的首页隐藏&#xff0c;登录后直接跳转到路由菜单返回的第一个页面。 查找了不少资料&#xff0c;但是都没有实际的解决方案。 不过最好自己还是实现了这个功能。 步骤…

Vue/React实现路由鉴权/导航守卫/路由拦截(react-router v6)

欢迎来到我的博客 &#x1f4d4;博主是一名大学在读本科生&#xff0c;主要学习方向是前端。 &#x1f36d;目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 &#x1f6e0;目前正在学习的是&#x1f525;React框架React框架React框架&#x1f525…

cnpm安装步骤

安装nodeJS 官网下载&#xff1a;http://nodejs.cn/download/ 选择其他版本下载地址:https://nodejs.org/zh-cn/download/releases/ 选版本点击下载 然后下载后缀名为msi,因为安装简单 选择好地址后无脑安装 二 、创建文件夹 安装完成后我们打开它的目录创建两个文件夹(…

从购买服务器到网站搭建成功保姆级教程~超详细

&#x1f60a;从购买服务器到网站搭建成功保姆级教程~真的超详细&#xff0c;各位看官细品&#x1f680;前言&#x1f680;预备知识&#x1f6a2;什么是云服务器&#xff1f;&#x1f6a2;什么是域名&#xff1f;&#x1f6a2;什么是SSL证书&#xff1f;&#x1f680;服务器选配…

防抖和节流(详细) 使用场景和区别

1.防抖 &#xff08;多次触发 只执行最后一次&#xff09; 作用&#xff1a; 高频率触发的事件,在指定的单位时间内&#xff0c;只响应最后一次&#xff0c;如果在指定的时间内再次触发&#xff0c;则重新计算时间 防抖类似于英雄联盟回城6秒&#xff0c;如果回城中被打断&…

微信小程序超详细知识点总结

一、微信小程序特点 二、使用准备 1.注册开发者帐号 2.下载微信开发者工具 3.微信开发文档 三、项目结构 四、配置文件 1、app.json pages 存放项目的页面 window 项目的窗口 tabBar 底部栏的配置 2、页面.json 五、小程序内置组件 逻辑视觉分区(div) 文本(span) …

微信小程序反编译简易教程与wxappUnpacker使用

文章目录前言一、工具准备1 解密工具2 逆向工具二、解密小程序1.确认小程序包位置2.打开一个小程序&#xff0c;3.解密小程序包三、逆向小程序1 安装依赖2 正式逆向3 其它人视频教程前言 方便微信小程序开发者&#xff0c;对前端思路的学习。所以必须学会小程序反编译技能。用…

【微信小程序】web-view 无法打开该页面不支持打开

本文相关文献&#xff1a; https://developers.weixin.qq.com/community/develop/doc/00084a350b426099ab46e0e1a50004?%2Fblogdetail%3Factionget_post_info 问题&#xff1a; 小程序开发时遇到了一个问题 我在正式上线版小程序使用 web-view 组件测试时提示&#xff1a;“无…

Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK

请求场景&#xff1a; 当前页面URL&#xff1a;http://127.0.0.1:8000/testcase 跳转请求页面URL&#xff1a;http://127.0.0.1:5000/testcase_orm 使用axios请求 时 页面提示跨域报错 跨域报错信息 Access to XMLHttpRequest at ‘http://127.0.0.1:5000/testcase_orm’ from…

前端面试题汇总(含答案)(JS篇)

主要自用&#xff0c;持续更新&#xff0c;相同类型的题目尽量放在了一起&#xff0c;参考的实在太多了就没有列出&#xff0c;侵权烦请联系删除。提示&#xff1a;自动生成的目录在页面右边---------->>>>>>>>>>>>>>>> Js的…

Node.js安装与配置(详细步骤)

前言 本篇博文记录了Node.js安装与环境变量配置的详细步骤&#xff0c;旨在为将来再次配置Node.js时提供指导方法。 另外&#xff1a;Node.js版本请根据自身系统选择&#xff0c;安装位置、全局模块存放位置和环境变量应根据自身实际情况进行更改。 Node.js安装与配置一、安装…

【独自开】--开发出属于自己的一套专属系统

文章目录前言独自开简介优秀案例独自开的使用平台福利及赚钱渠道平台福利赚钱渠道总结注册链接&#xff1a;前言 大家好&#xff0c;最近发现了一个宝藏开发平台&#xff0c;而且特别好用&#xff0c;今天就分享给大家&#xff1b; 这款开发平台名称为&#xff1a;《独自开》&a…

蓝桥冲刺31天之第八天

有人喜欢你&#xff0c;有人讨厌你&#xff1b; 有人在乎你&#xff0c;有人轻视你&#xff1b; 有人赞美你&#xff0c;有人批判你。 尊重所有的声音&#xff0c;但只成为自己&#xff1b; 不必借光而行&#xff0c;你我亦是星辰。 迷宫 只有一个题&#xff0c;迷宫&#x…

C. Celex Update(数学题)

C. Celex Update&#xff08;数学题&#xff09;一、问题二、分析三、代码一、问题 二、分析 这道题简单的来说就是在图上给定我们起点和终点&#xff0c;从起点到终点会有很多路径&#xff0c;不同的路径会经过不同的点&#xff0c;一条路径上经过的点可以计算出一个和&#…