Chrome 和 VS Code 的安裝與常用配置

一、Chrome

Chrome 安裝

1. 在電腦瀏覽器中打開下載地址 https://www.google.cn/chrome ，打開谷歌官方網(wǎng)站
   

2. 點(diǎn)擊：下載Chrome
   

3. 打開下載的 ChromeSetup.exe 文件開始安裝，如果系統(tǒng)提示，請?jiān)谙到y(tǒng)對話框中依次點(diǎn)擊“仍然安裝”和“是”，等待安裝完成。Chrome 會在安裝完成后自動打開。

Chrome 常用配置

1. 配置開發(fā)工具（DevTools）

   • 按F12打開開發(fā)工具，默認(rèn)英文界面，打開后會自動提示有中文界面可用：
     

   • 點(diǎn)擊 Switch DevTools to Chinese，切換為中文界面：
     

2. 安裝常用插件（擴(kuò)展程序）

   • 點(diǎn)擊瀏覽器右上角的3個點(diǎn)按鈕，點(diǎn)擊“更多工具”=>“擴(kuò)展程序”，或者直接在瀏覽器地址欄輸入：chrome://extensions/ ，打開擴(kuò)展程序頁面
     

   • 默認(rèn)的 Chrome 應(yīng)用商店在國內(nèi)無法打開，需要在第三方網(wǎng)站下載插件，我用的是 https://chrome.zzzmh.cn/#/index 。
     

   • 這里以劃詞翻譯插件為例

     • 下載的文件是以 .crx 為后綴的

     • 打開瀏覽器擴(kuò)展程序頁面，點(diǎn)擊打開開發(fā)者模式
       

     • 將下載的 crx 文件拖動到瀏覽器頁面上，瀏覽器會彈出提示框
       

     • 點(diǎn)擊“添加擴(kuò)展程序”按鈕，即可完成插件安裝
       

     • 默認(rèn)的谷歌翻譯不能使用，需要配置，點(diǎn)擊設(shè)置（齒輪按鈕）
       

     • 點(diǎn)擊“打開完整設(shè)置”
       

     • 在“通用” => “谷歌翻譯” => “鏡像地址” 中輸入國外鏡像地址，鏡像地址可以點(diǎn)擊下面的“查看詳情”查看
       

     • 設(shè)置完成后就可以使用谷歌翻譯了
       

     • 推薦使用百度翻譯，在劃詞翻譯的設(shè)置頁面，選擇“翻譯面板”，在“選擇翻譯源”中勾選“百度翻譯”
       

     • 然后在“服務(wù)申請” => “百度翻譯”中點(diǎn)擊“管理密鑰），輸入ID和密鑰（點(diǎn)擊“查看申請步驟”可以查看申請流程）
       

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

二、VS Code

VS Code 安裝

1. 在電腦瀏覽器中打開下載地址 https://code.visualstudio.com ，打開 VS Code 官方網(wǎng)站，點(diǎn)擊下載安裝文件
   

2. 下載完成單擊運(yùn)行，開始進(jìn)行安裝，默認(rèn)安裝即可。安裝完成后自動打開
   

VS Code 常用配置

1. 安裝常用插件，以安裝簡體中文語言包為例

   • 點(diǎn)擊插件按鈕，在搜索框中輸入“Chinese”搜索，選擇“簡體中文”插件，點(diǎn)擊“install”安裝即可
     

2. 編輯器主題選擇、設(shè)置

   • 點(diǎn)擊“設(shè)置”（齒輪按鈕） => “顏色主題”
     

   • 選擇自己喜歡的主題即可
     

批改老師：PHPz

批改狀態(tài)：合格

老師批語：完成的很詳細(xì)，沒什么問題，繼續(xù)加油