个人自学前端1-软件安装-VSCode,Git,Node

目录

软件安装

安装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 -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
posted @ 2021-06-24 09:25  暗鸦08  阅读(318)  评论(0)    收藏  举报