这是一篇软件安装教学文章，涉及大量前端开发的热身活动技巧。
一、VSCode
安装与设置
- chrome搜索“vscode”，进入官网下载
- 软件汉化：打开VSCode，点击扩展，搜索“chinese”，安装汉化包，即可
- 字体大小调整：文件-首选项-搜索“字体”，修改字号
- 开启代码自动保存：文件-首选项-搜索“auto save”，选择“onFocusChange”
- 开启代码自动格式化：文件-首选项-搜索“format on save”，勾选即可
字体添加Fira Code字体
- chrome搜索“fira code”
- 进入靠前的github链接
- 点击release-assets，点击zip文件下载字体包
- 解压-进入otf-全选-右键-安装
- 进入VSCode，文件-首选项-搜索“字体”，添加“Fira Code,”
一些必须掌握的操作
- 开启终端：终端-开启终端
- 搜索所有文件：侧边栏搜索图标，输入要搜索的字符串
- 搜索当前文件：Ctrl+F
快捷键
- Ctrl+P，文件搜索
- Ctrl+Shift+P，快速输入命令
二、Cmder
特点
- 一个控制台软件
- 内置Git Bash，也支持CMD和PowerShell
- 安装后具备git命令和部分Linux命令
下载与安装
- chrome搜索“cmder”
- 进入github的链接，release-assets，下载7zip压缩包
- 右键压缩包，解锁锁定，解压，双击cmder.exe直接使用
配置
- 勾选Quake
- 高度和宽度都配置为90%
- 光标离开界面，自动隐藏：
- 默认打开bash.exe：设置-启动-默认选择“bash::bash”
- 更改默认打开目录：启动-任务-选择“bash::bash”-启动目录-修改即可
快捷键
- Ctrl+T：打开一个新的标签页
- Alt+D：分屏
- Ctrl+W：关闭当前标签页
三、Node.js
安装
- chrome搜索“nodejs”，进入官网下载，推荐下载双数版本-直接安装
- 安装之后bash具备了node、npm、npx命令，可用xxx --version检测
配置
配置淘宝源
npm i -g nrm
nrm --version //看看是否成功安装nrm
nrm use taobao
npm i -g http-server
安装yarn
1.chrome搜索“yarn”，下载并安装
2.yarn --version //检测是否安装成功
3.yarn global add yrm //安装yrm
4.yrm ls //查看是不是淘宝源
5.yrm use taobao //使用淘宝源
四、在VSCode中配置Cmder
- 打开VSCode
- Ctrl+Shift+P，搜索settings
- 打开首选项：打开设置（json）
- 找到对应代码，替换成以下代码：
"git.enabled": true,
"git.path": "[cmder_root]\\cmder\\vendor\\git-for-windows\\cmd\\git.exe",
"terminal.integrated.shell.windows": "[cmder_root]\\cmder\\vendor\\git-for-windows\\bin\\bash.exe",
- 并将代码中的[cmder_root]替换为当前电脑中cmder的绝对路径，本机为：
C:\software\cmder //单斜杠要变为双斜杠
