1. 双击下载的安装文件,可能会出现安全警告,点击运行。
2. 阅读协议后,点击“我同意此协议”,点击下一步。
3. 点击浏览,选择安装路径(建议不要包含中文),默认在C盘,也可选择其他路径,如“D:ProgramsMicrosoft VS Code”,点击下一步。
4. 添加到开始菜单,默认即可,点击下一步。
5. 可勾选“创建桌面快捷方式”、“将‘通过code打开’操作添加到windows资源管理器文件上下文菜单”、“将‘通过code打开’操作添加到windows资源管理器目录上下文菜单”、“将code注册为受支持的文件类型的编辑器”、“添加到PATH(重启后生效)”等选项,点击下一步。
6. 确认信息,点击安装。
7. 安装完成后,点击完成安装。
以下是一些常用的VSCode插件推荐:
| 插件名称 | 功能 |
| | |
| Chinese (Simplified) Language Pack for Visual Studio Code | 将操作界面转换为中文,方便英语不好的用户 |
| Material Icon Theme | 显示文件和文件夹的图标,使界面更加直观 |
| open in brower | 通过编辑器直接打开默认浏览器,方便查看代码效果 |
| Live Server | 开启本地服务器,适用于前端开发 |
| Git Graph | 以图形化方式显示和操作Git,方便版本控制 |
| Prettier
| npm Intellisense | 提供npm命令的智能提示,方便Node.js开发 |
| Turbo Console Log | 快速添加console.log信息,方便调试JavaScript代码 |
| CSS Peek | 查看CSS类名对应的样式定义,提高开发效率 |
| GitHub Copilot | 根据函数名和注释,利用AI辅助编写代码,提高开发效率 |
以上插件可以根据个人的开发需求进行选择安装,安装方法为:在Visual Studio Code中点击左侧的“Extensions”按钮,在搜索栏输入插件名称,找到对应的插件后点击“Install”进行安装。