前端初学者之VSCode新手入门使用小技巧

已于 2022-11-23 19:35:34 修改
阅读量449 收藏
点赞数
文章标签： vscode ide 编辑器
于 2022-11-23 19:32:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HY_Sophie/article/details/128006179
版权

一、设置

1.汉化包

安装扩展 

2.修改目录结构

原目录结构缩进

打开左下角设置

 搜索栏输入tree，在圈出来的地方修改数字，根据个人习惯更改

二、快捷键

1.左右缩进

①向右缩进

选中代码，按【Tab】

②向左缩进

选中代码，按【Tab】+【Shift】

2.格式化代码

同时按【Shift】+【Ctrl】+【f】

3.快速注释

①单行注释

光标点击在该行，按【Ctrl】+【/】

②多行注释

选中代码，，按【Ctrl】+【/】

4.快速生成基本页面模块

输入【!】后按【Enter】

注：需要是英文状态下的叹号

Oct.S
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一些有趣的前端小项目，适合新手入门
12-14
读书笔记 read-note Yulang-鱼编程语言 yulang 视频转字符画 char-video 上海应届落户积分计算器 can-i-settle-shanghai 小游戏-音乐战士 music-fighter 520表白网站 my520 全屏樱花特效 sakura 全屏泡泡特效 bubble.html 自动敲代码网站 auto_code_printer.html WoW特效-生日网站 cake.html Js编码表情字符 aaencode.html 极简计算器 calculator.html
前端初学者-小白CSS笔记.md
11-05
适用于前端刚入门或未入门人群
VScode使用教程（菜鸟版）
L5887876989的博客
06-21 12万+
VScode安装好之后，我们还要知道，VScode毕竟是一个高级的编辑器，只能用来写C/C++代码，不能直接编译代码。同时，它还支持插件扩展，通过丰富的插件，用户能获得更多高效的功能。如果你的代码还是单独的一个.c文件，在当前打开文件夹中就可以编写，那就直接在当前打开的文件夹中新建.c源文件，编写代码，对当前的代码，直接执行【终端】->【运行生成任务】前面讲解的都是如何去编码代码，当我们生成一个可支持程序的时候，如果遇到了bug，我们就要想办法调试代码，那VScode如何调试代码呢？
vscode安装+配置+使用+调试【保姆级教程】
热门推荐
weixin_60915103的博客
07-09 15万+
保姆级教程，配置使用vscode这一片博客就够了快来看看吧，如果有啥不理解的地方欢迎来评论区和博主对线(#^.^#)
超详细的VSCode下载和安装教程（非常详细）从零基础入门到精通，看完这一篇就够了。
leah126的博客
07-11 7万+
如果你是用其他浏览器，可能使用其他方式跳转到下载内容页面。将替换后的地址输入到浏览器的地址栏中，如下图所示，按。如果你不想更换到其他盘符，可以直接下一步即可。的内存不够用了，需要更换到其他盘符，我更换到。的全部显示按钮，可以跳转到下载内容页面。运行前端代码时，发现不太好打断点。如果下载完成，那得等到猴年马月。来运行前端代码，但前提是要安装。下载速度特别慢的问题。速度是不是立刻提升了。
VSCode 入门操作大全 + 实用插件推荐【零基础专属详细教程】
weixin_52212950的博客
05-12 1万+
选择一个好的开发工具是很重要的，很多人在 webstorm 和 vscode 上很难抉择，我个人更喜欢使用 vscode，因为其简洁的操作风格和丰富的人性化的各种功能让我欲罢不能，这篇文章带给大家 vscode 的新手操作指南： ...
react项目前端 小白、初学者 入门必看
06-21
react项目前端增删查改，模态框等。初步使用了redux以及redux-saga。代码并不复杂，也是本人学习的时候鼓捣出来的，觉得我这次所使用的redux以及saga技术初学者也可以看的懂。 下载之后请配置好环境哦
初学者必知的HTML 5入门级技巧
11-24
XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML 5...
前端初学者做笔记教程 MarkDown-Typora菜鸟入门
12-03
前端初学者做笔记教程 MarkDown-Typora菜鸟入门
VScode入门
qq_42600647的博客
02-22 1万+
VSCode 全称 Visual Studio Code，是微软出的一款轻量级代码编辑器，免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
VSCode 基本使用
huangpb的博客
12-16 5万+
一、VSCode 界面功能介绍 1. Git History，相当于 git log 3. 打开上一提交版本的更改记录 4. 显示提交注释 5. 向右分屏 6. 直接定位到第几行 7. 解析当前文件的语言 8. 切换项目（基于 Project Manager） 9. 切换分支 10. GitLens，可以查看文件和单行代码的修改记录 二、常用快捷键 1. Comman.........
VS Code安装与配置
o.O
10-19 2万+
记录VS Code安装与配置全过程
VSCode入门
李宥的博客
12-14 8946
​ VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的现代化轻量化免费开源代码编辑器。​ VSCode支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。​ 用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。
VScode的安装及C/C++环境搭建（详细有效版）
m0_73073479的博客
05-17 1万+
VScode的安装以及C/C++环境的搭建
VsCode的介绍和入门
weixin_48846123的博客
03-31 1万+
前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。与vetur相同，volar是一个针对vue的vscode插件，不过与vetur不同的是，volar提供了更为强大的功能（使用的时候需要把vetur 设置为禁用状态，或者直接卸载）文件--首选项--设置，打开用户设置。新版的vscode设置默认为UI的设置，而非之前的json设置。
VScode 基础使用教程
.SAI.的博客
11-28 8447
从零开始简单学VScode
自学前端开发第三天
weixin_62138501的博客
03-11 197
今天是我自学前端开发的第二天，今天在这里我依旧分享一些我学到的芝士【doge】，希望对像我一样刚开始学前端的你起到一点作用。 1.标签语义 学习标签是有技巧的，重点是记住每个标签的语义，简单理解就是标签的含义，即这个标签是干嘛用的，根据这个标签的语义，在合适的地方给个合理的标签，可以让页面结构更加清晰。 2.标题标签<h1>——<h6> 为了网页更具有语义化，我们经常会在页面中用到标题标签。HTML提供了6个这样的标签，用完后会文字加粗且标签后没法显示其他的。
vscode新手入门
最新发布
08-30
如果你是初学者，使用VSCode作为你的开发工具是一个不错的选择。VSCode是一个功能强大，操作简洁的开发工具，具有丰富的人性化功能。你可以通过这篇文章来了解VSCode的新手操作指南，它可以帮助你更好地使用这个工具。 在使用VSCode之前，你可能需要了解一些基本操作。例如，如果你想要在VSCode中进行桌面端开发（如WPF），目前可能没有好用的可视化插件，你只能在修改完XAML后运行程序来查看效果。 如果你想要启动VSCode，你可以使用CMD命令行编辑器，在所需的文件夹下输入"code ."即可启动VSCode并默认打开该文件夹。同样地，如果你想要从文件中打开工作区，你可以输入"code 工作区文件名"来打开工作区。对于单一文件的打开，也是类似的操作。 通过这些简单的步骤，你可以快速入门并开始使用VSCode作为你的开发工具。希望这些信息对你有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [VSCode 入门操作大全 + 实用插件推荐【零基础专属详细教程】](https://blog.csdn.net/weixin_52212950/article/details/124693906)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【VSCode】Visual Studio Code软件使用入门](https://blog.csdn.net/lzcroyal/article/details/122021770)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值