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

一、设置

1.汉化包

前端初学者之VSCode新手入门使用小技巧_第1张图片

安装扩展 

2.修改目录结构

原目录结构缩进

前端初学者之VSCode新手入门使用小技巧_第2张图片

打开左下角设置

前端初学者之VSCode新手入门使用小技巧_第3张图片

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

前端初学者之VSCode新手入门使用小技巧_第4张图片

二、快捷键

1.左右缩进

①向右缩进

选中代码,按【Tab】

②向左缩进

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

2.格式化代码

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

3.快速注释

①单行注释

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

②多行注释

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

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

输入【!】后按【Enter】

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

你可能感兴趣的:(vscode,ide,编辑器)