1. 程式人生 > 其它 >個人自學前端1-軟體安裝

個人自學前端1-軟體安裝

目錄

軟體安裝


安裝VSCode

  1. 下載連結:https://code.visualstudio.com/Download
    User Installer版:會安裝在當前計算機帳戶目錄,意味著如果使用另一個帳號登陸計算機將無法使用別人安裝的vscode。
    System Installer版:安裝在非使用者目錄,例如C盤根目錄,任何帳戶都可以使用。(建議使用此版本)
    vscode預設提供的User Installer版,大多數人都是用的這個版本。

  2. 安裝

    • 將“通過code 開啟“操作新增到windows資源管理器檔案上下文選單
    • 將“通過code 開啟”操作新增到windows資源管理器目錄上下文選單
      說明:2.1和2.2勾選上,可以對檔案,目錄點選滑鼠右鍵,選擇使用 VScode 開啟。
    • 將code註冊為受支援的檔案型別的編輯器
      說明:預設使用 VScode 開啟諸如 txt,py 等文字型別的檔案,一般建議不勾選。
      讓 VScode 支援的程式碼檔案全部變成 VScode 預設開啟,檔案圖示也會隨之更改,很好辨認。
    • 新增到PATH(重啟後生效)
      說明:這步驟預設的,勾選上,不用配置環境變數,可以直接使用。
    • 個人只勾選了2.4
  3. 配置中文

    • 如圖所示
    • 安裝後關閉重啟,就為中文介面
  4. 配置其他外掛

    • Live Server
    • Open in Browser

安裝Git Bash

  1. 安裝Git Bash:
    • 下載連結:安裝地址https://git-scm.com/download/win

    • 開啟安裝檔案,安裝協議,點選next

    • 安裝位置,點選Browe..選擇該軟體安裝位置後,點選next

    • 安裝配置,建議使用預設,直接點選next

      • Additional icons on the Desktop:在桌面上附加圖示
      • Windows Explorer integration:Windows 資源管理器整合
      • Git LFS (Large File Support):Git LFS(大檔案支援)
      • Associate .git* configuration files with the default text editor
        :使用預設文字編輯器關聯.git *配置檔案
      • Associate .sh files to be run with Bash:關聯.sh檔案與Bash一起執行
      • Use a TrueType font in all console windows:在所有控制檯視窗中使用TrueType字型
      • check daily for Git for Windows updates:每天檢查Git for Windows更新
      • Add a Git Bash Profile to Windows Terminal:將 Git-bash 置入 Windows Terminal(可以更改cmd外觀,樣式等的軟體,除了更好看好像沒啥用)
    • 是否在開始選單欄建立 Git 資料夾,預設為建立,點選 next

    • 選擇 Git 使用的預設編輯器,選擇好之後,點選 next。(個人已安裝vscode,所以選擇vscode)

    • 設定新倉庫中初始分支的名稱,git預設名為master,建議選擇預設,點選next

      • Let git decide:讓git決定
      • Override the default branch name for new repositories:重寫新儲存庫的預設分支名稱
    • 配置環境變數,建議選擇預設(第二項),點選next

      • Use Git from Git Bash only :只在Git Bash中使用Git
      • Git from the command line and also from 3rd-party software :在命令列和第三方軟體中使用Git
      • Use Git and optional Unix tools from the Command prompt :在命令提示符下使用Git和可選的Unix工具。
    • 選擇Https傳輸後臺配置,建議選擇預設,點選next

      • Use the OpenSSL library:使用OpenSSL庫。伺服器證書將使用ca-bundle crt檔案進行驗證。

      • Use the native Windows Secure Channel library:使用本機Windows安全通道庫。伺服器證書將使用Windows證書庫進行驗證,這個選項也允許你使用公司內部的根CA證書,例如通過活動目錄域服務分發。使用本機的Windows安全通道庫伺服器證書將使用Windows證書庫進行驗證,這個選項也允許你使用公司內部的根CA證書,例如通過活動目錄域服務分發的證書。這個選項也允許你使用公司內部的根CA證書。例如通過Active Directory Domain Services。

    • 配置行尾轉換,建議選擇預設(第一項:Windows配置),點選next

    • 配置與Git Bash一起使用的終端模擬器,建議選擇預設(第一項),點選next

      • Use MinTTY (the default terminal of MSYS2) :使用MinTTY(MSYS2的預設終端)相對於控制檯,MinTTY 有更好的字型顯示效果,以及舒服的操作方式。

      • Use windows default console window :使用Windows預設的控制檯視窗,這個想必大家都是用過吧,也就是常見的CMD視窗

    • 選擇git pull的預設行為,建議選擇預設(第一項),點選next

      • Default(fast-forward or merge) :這是git pull的標準行為:儘可能將當前分支快進到獲取的分支,否則就建立一個合併提交。
      • Rebase :如果沒有 locacommits 要重設,則將當前分支重壘到獲取的分支上,這相當於快進。
      • Only ever fast-forward:快進到獲取的分支。如果不可能,則失敗。
    • 配置憑證助手,建議選擇預設(第一項),點選next

      • Git Credential Manager Core :Git憑據管理器核心
      • Git Credential Manager :Git證書管理器
      • None :無,不需要憑證助手
    • 配置額外的選項,建議選擇第一項,點選next

      • Enable file system caching:啟用檔案系統快取
      • Enable symbolic links:啟用符號連結
    • 配置實驗選項,建議不選,點選next

    • 安裝完成,點選Finsih


安裝Node.js(NPM)

  1. 安裝Node.js(個人為14.17.1):安裝地址https://nodejs.org/en/
  2. 選擇紅圈部分後一路next

    3.環境配置
    • 測試安裝,開啟cmd,node -vnpm -v
    • 在node.js安裝目錄下新建資料夾 node_cache,node_global
    • 開啟cmd,輸入npm config set prefix "E:\node.js\node_global"
      npm config set cache "E:\node.js\node_cache"
    • 安裝express測試,npm install express -g