個人自學前端1-軟體安裝
軟體安裝
安裝VSCode
-
下載連結:https://code.visualstudio.com/Download
User Installer版:會安裝在當前計算機帳戶目錄,意味著如果使用另一個帳號登陸計算機將無法使用別人安裝的vscode。
System Installer版:安裝在非使用者目錄,例如C盤根目錄,任何帳戶都可以使用。(建議使用此版本)
vscode預設提供的User Installer版,大多數人都是用的這個版本。
-
安裝
- 將“通過code 開啟“操作新增到windows資源管理器檔案上下文選單
- 將“通過code 開啟”操作新增到windows資源管理器目錄上下文選單
說明:2.1和2.2勾選上,可以對檔案,目錄點選滑鼠右鍵,選擇使用 VScode 開啟。 - 將code註冊為受支援的檔案型別的編輯器
說明:預設使用 VScode 開啟諸如 txt,py 等文字型別的檔案,一般建議不勾選。
讓 VScode 支援的程式碼檔案全部變成 VScode 預設開啟,檔案圖示也會隨之更改,很好辨認。 - 新增到PATH(重啟後生效)
說明:這步驟預設的,勾選上,不用配置環境變數,可以直接使用。 - 個人只勾選了2.4
-
配置中文
- 如圖所示
- 安裝後關閉重啟,就為中文介面
- 如圖所示
-
配置其他外掛
- Live Server
- Open in Browser
安裝Git Bash
- 安裝Git Bash:
-
開啟安裝檔案,安裝協議,點選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
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中使用GitGit from the command line and also from 3rd-party software
:在命令列和第三方軟體中使用GitUse 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)
- 安裝Node.js(個人為14.17.1):安裝地址https://nodejs.org/en/
- 選擇紅圈部分後一路next
3.環境配置- 測試安裝,開啟cmd,
node -v
,npm -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
- 測試安裝,開啟cmd,