前端开发工具: VSCode

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

1. 下载

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

下载最新版本的 VSCode 即可

2. VSCode 常见插件安装

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

2.1 简体中文语言包
2.2 编辑器主题选择、设置
2.3 vscode-icons 显示代码图标
2.4 open in brower 通过编辑器直接打开默认浏览器

2.5 Live Server 开启本地服务器
2.6 Auto Rename Tag 自动修改标签对名称
2.7 carbon-now-sh 将代码生成一张图片
2.8 prettier 格式化代码
相关推荐
鸡啄米的时光机6 小时前
vscode的一些实用操作
vscode·学习
灰色人生qwer10 小时前
React + TypeScript+ Vite 配置路径别名和vscode智能路径提示
vscode·react.js·typescript
莲动渔舟11 小时前
赶AI大潮:在VSCode中使用DeepSeek及近百种模型的极简方法
ide·人工智能·vscode·deepseek
咩咩大主教12 小时前
VSCode运行Go程序报错:Unable to process `evaluate`: debuggee is running
开发语言·ide·vscode·golang·编辑器
佛曰我不想说话12 小时前
通过VSCode直接连接使用 GPT的编程助手
ide·vscode·copilot
羊村懒哥15 小时前
VScode内接入deepseek包过程(本地部署版包会)
人工智能·vscode·deepseek
温酒往事·16 小时前
无缝对接[系列2]:在VSCode中继续接入本地DeepSeek的完整指南
ide·vscode·编辑器
Tom·猫1 天前
VSCODE - 连接远程linux服务器,报错XHR failed 解决方法
linux·服务器·vscode
艾斯比的日常1 天前
更高效实用 vscode 的常用设置
ide·vscode·编辑器
大得3691 天前
Visual Studio Code使用ai大模型编成
ide·vscode·编辑器