欢迎来到宇程资讯网

宇程资讯网

vscode使用教程

时间:2026-06-07 03:27:38 出处:知识阅读(143)

vscode 是使用开发者尝试用的一种写代码的软件,这个软件目前是教程最开源使用率最高的,本文将详细的使用讲解一下 vscode使用技巧,插件的教程安装、vscode 快捷键的使用使用大全


vscode 的下载地址:https://code.visualstudio.com


vscode 设置中文

很多同学打开 vscode 初始界面是英文的,英语基础差的教程同学使用起来就力不从心了。其实 vscode 也是使用有扩展功能的,可以安装中文汉化、教程open in browser 等很多种插件。使用接着就跟着下面的教程课程一起学习安装吧


首先双击打开 vscode 软件,点击拓展程序的使用图标,这个时候会弹出一个列表和搜索框,教程输入『chinese』点击中文简体进行安装,使用然后关闭软件重启就好了。教程

vscode 扩展中心


vscode 常用的使用插件有哪些?

open in browser

Auto Rename Tag

CSS Peek

JS-CSS-HTML Formatter


vscode 快捷键使用技巧

在软件的左下角有个设置的按钮,点击设置 > 快捷方式,这里面有很多快捷键方式,

vscode设置界面


这个列表有很多快捷方式,这里给你挑几个html和css常用的快捷键。


1. ctar+/ 就是html的注释 <!---->
2. shift+alt+上箭头或者是下箭头,复制到上一行或者是下一行。

3. .标签类名 按tab键就能 打出 <div class="类名"></div>

4.#标签类名 按tab键就能打出 <div id="类名"></div>

5.ul>li 按tab键就能打出 <ul><li></li></ul>

6.div*5 按tab键就能打出 5 个div的标签

vscode快捷键方式表


分享到:

温馨提示:以上内容和图片整理于网络,仅供参考,希望对您有帮助!如有侵权行为请联系删除!

友情链接: