Visual Studio Code 使用总结

1 vscode 如何用chrome 打开前端代码

* 1 在市场中下载插件

2 手动配置

    mac 

  1. 使用 CMD+Shift+P 打开 Command Palette.
  2. 输入 “ctr” 选择  Configure Task Runner 命令打开 tasks.json.
  3. 删除打开的文本内容
  4. 输入一下的配置
    {
        "version": "0.1.0",
        "command": "Chrome",
        "osx": {
            "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
        },
        "args": ["${file}"]
    }
  5. 测试配置是否生效 CMD+Shift+B. 打开浏览器。

Windows Method

  1. 使用 CMD+Shift+P 打开 Command Palette.
  2. 输入 “ctr” 选择  Configure Task Runner 命令打开 tasks.json.
  3. 删除打开的文本内容
  4. 输入一下内容
    {
        "version": "0.1.0",
        "command": "Chrome",
        "windows": {
            "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
        },
        "args": ["${file}"]
    }
  5. 测试配置是否生效 CMD+Shift+B. 打开浏览器。
### Visual Studio Code 使用教程 #### 官方文档资源 Visual Studio Code 的官方文档提供了详尽的帮助和支持,涵盖了从基础入门到高级特性的各个方面。通过访问 [Visual Studio Code - Code Editing. Redefined](https://code.visualstudio.com/docs)[^1] 可获取最新版本的编辑器特性介绍、设置指南以及常见问题解答。 #### 文字教程概览 对于希望通过阅读来学习 VS Code 的用户而言,《Visual Studio Code (VSCode) 安装与使用教程》提供了一个全面的学习路径[^2]。该资料不仅包含了软件的基础操作方法,还深入探讨了一些实用技巧和最佳实践案例研究,有助于提升工作效率并充分利用这款强大的工具所带来的便利性。 #### 图文安装指导 针对初次接触此款IDE的新手朋友来说,《⭐️Visual Studio Code 下载安装教程(保姆级详细步骤图文版)》无疑是一份不可多得的好帮手[^3]。这份材料采用直观易懂的方式呈现每一个环节的具体流程图解,使得整个过程变得简单明了,即使是完全没有经验的人也能轻松上手完成环境搭建工作。 #### 扩展插件支持 值得一提的是,除了内置的功能外,还有众多第三方开发人员贡献的各种各样的附加组件可供选择,比如 `vscode-codeql` 就是一个很好的例子,它为用户提供了一套完整的 CodeQL 语法高亮显示机制以及其他辅助功能,极大地增强了编码体验的质量[^4]。 #### 多媒体教学视频 最后但同样重要的一点是,在线平台上存在大量关于如何高效利用 Visual Studio Code 进行日常工作的高质量多媒体内容。YouTube 或者 Bilibili 上可以找到许多由专业人士录制的教学影片,它们往往能更生动形象地展示某些复杂概念或技术细节,非常适合视觉型学习者的偏好。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值