前端开发工具: VSCode

VSCode 安装使用教程(图文版) | arry老师的博客-艾编程

1. 下载

在官方网站:https://code.visualstudio.com/

下载最新版本的 VSCode 即可

2. VSCode 常见插件安装

所有插件安装后,需要重启一下才生效

2.1 简体中文语言包

前端开发工具: VSCode_第1张图片

 

2.2   编辑器主题选择、设置

前端开发工具: VSCode_第2张图片

 前端开发工具: VSCode_第3张图片

 

2.3 vscode-icons 显示代码图标

前端开发工具: VSCode_第4张图片

 前端开发工具: VSCode_第5张图片

前端开发工具: VSCode_第6张图片 

2.4 open in brower 通过编辑器直接打开默认浏览器 

前端开发工具: VSCode_第7张图片

前端开发工具: VSCode_第8张图片 前端开发工具: VSCode_第9张图片

 

前端开发工具: VSCode_第10张图片

 

2.5 Live Server 开启本地服务器

前端开发工具: VSCode_第11张图片

 

前端开发工具: VSCode_第12张图片 

2.6 Auto Rename Tag 自动修改标签对名称 

 前端开发工具: VSCode_第13张图片

 2.7 carbon-now-sh 将代码生成一张图片

前端开发工具: VSCode_第14张图片

 

2.8 prettier 格式化代码前端开发工具: VSCode_第15张图片

 

你可能感兴趣的:(前端学习2023,vscode)