博客列表 >Chrome 和 VS Code 的安装与常用配置

Chrome 和 VS Code 的安装与常用配置

尹辉
尹辉原创
2023年03月15日 16:15:07706浏览

Chrome 和 VS Code 的安装与常用配置

一、Chrome

Chrome 安装

  1. 在电脑浏览器中打开下载地址 https://www.google.cn/chrome ,打开谷歌官方网站

  2. 点击:下载Chrome

  3. 打开下载的 ChromeSetup.exe 文件开始安装,如果系统提示,请在系统对话框中依次点击“仍然安装”和“是”,等待安装完成。Chrome 会在安装完成后自动打开。

Chrome 常用配置

  1. 配置开发工具(DevTools)

    • 按F12打开开发工具,默认英文界面,打开后会自动提示有中文界面可用:

    • 点击 Switch DevTools to Chinese,切换为中文界面:

  2. 安装常用插件(扩展程序)

    • 点击浏览器右上角的3个点按钮,点击“更多工具”=>“扩展程序”,或者直接在浏览器地址栏输入:chrome://extensions/ ,打开扩展程序页面

    • 默认的 Chrome 应用商店在国内无法打开,需要在第三方网站下载插件,我用的是 https://chrome.zzzmh.cn/#/index

    • 这里以划词翻译插件为例

      • 下载的文件是以 .crx 为后缀的

      • 打开浏览器扩展程序页面,点击打开开发者模式

      • 将下载的 crx 文件拖动到浏览器页面上,浏览器会弹出提示框

      • 点击“添加扩展程序”按钮,即可完成插件安装

      • 默认的谷歌翻译不能使用,需要配置,点击设置(齿轮按钮)

      • 点击“打开完整设置”

      • 在“通用” => “谷歌翻译” => “镜像地址” 中输入国外镜像地址,镜像地址可以点击下面的“查看详情”查看

      • 设置完成后就可以使用谷歌翻译了

      • 推荐使用百度翻译,在划词翻译的设置页面,选择“翻译面板”,在“选择翻译源”中勾选“百度翻译”

      • 然后在“服务申请” => “百度翻译”中点击“管理密钥),输入ID和密钥(点击“查看申请步骤”可以查看申请流程)

      • 配置完成后就可以使用了

二、VS Code

VS Code 安装

  1. 在电脑浏览器中打开下载地址 https://code.visualstudio.com ,打开 VS Code 官方网站,点击下载安装文件

  2. 下载完成单击运行,开始进行安装,默认安装即可。安装完成后自动打开

VS Code 常用配置

  1. 安装常用插件,以安装简体中文语言包为例

    • 点击插件按钮,在搜索框中输入“Chinese”搜索,选择“简体中文”插件,点击“install”安装即可
  2. 编辑器主题选择、设置

    • 点击“设置”(齿轮按钮) => “颜色主题”

    • 选择自己喜欢的主题即可

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议