相关工具
快捷键
- 环境配置：win+r：sysdm.cpl
1.Git
- 作用：是版本控制工具，主要用于管理代码版本、团队协作和代码历史记录
- 使用步骤：
- 下载：git
- 安装过程：
- 修改：修改安装路径，其余默认安装即可
- 查看：git -v // 可看到版本号
- 配置用户名和邮箱：（右键点击git bash）
// 查看 git config user.name git config user.email // 配置 git config --global user.name "userName" git config --global user.email "userEmail@qq.com"
- 注意事项：
- 全局访问git需在配置环境变量：[path]：D:\software\git\Git\bin （安装路径）
2.Node.js & npm
- 名词解释：
- node.js：提供js运行时环境
- npm：node.js的包管理工具（npm随node.js一起安装）
- node_global文件：存储npm全局安装的包，确保全局包路径可用
- node_cache文件：存储npm下载的包的缓存，提高安装速度
- 使用步骤：
- 下载：node
- Node.js
- 修改安装路径：D:\software\node
- 安装路径不能有中文及部分特殊字符
- 默认安装会自动添加路径到系统环境变量PATH，但自定义路径需手动配置
- 设置环境变量：
- 系统变量：[Path]：D:\software\node
- 修改安装路径：D:\software\node
- npm
- 在node安装目录下创建node_golbal和node_cache文件
- 配置全局包路径和缓存目录
<!-- win+r：cmd --> npm config set prefix "D:\software\node\node_global" npm config set cache "D:\software\node\node_cache" <!-- 验证 --> npm config get cache npm config get prefix- 设置环境变量：右键我的电脑-属性-高级属性配置-系统属性-环境变量
- 系统变量：[NODE_PATH]：D:\software\node\node_global\node_modules
- 用户变量：编辑path：把C:\Users...\AppData\Roaming\npm 改为：D:\software\node\node_global
- 添加镜像源：下载速度更快
npm config get registry npm config set registry https://registry.npmmirror.com/ - 验证
npm install -g express # -g表示是全局安装，D:\software\node\node_global\node_modules下会多一个express- 注意事项：
- 全局访问node需在配置环境变量：[path]：D:\software\node（安装路径）
- 配置路径npm config set决定包安装位置，PATH决定命令可访问性，两者必须指向同一路径才能无缝工作
3.nvm（使用nvm可跳过第二步）
- 作用：node的版本管理工具
- 使用步骤：
- 卸载原有版本node（卸载软件），删除对应的环境变量（关于node相关）
- 重置npm全局路径：重点：如果之前设置过全局路径，不重置还会下载到之前路径
npm config set prefix "D:\software\nodejs" npm config delete cache - 下载：nvm-github / nvm
- 解压运行：Assets -> nvm-setup.zip -> 解压运行
- 安装路径：
- [nvm路径]：D:\software\nvm
- [node安装路径]：D:\software\nodejs
- nvm切换镜像源（解决下载速度慢的问题）
// D:\software\nvm\settings.txt 添加 node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/ - nvm常用命令
* 安装：nvm install 22.12.0 nvm install 16.19.1 * 卸载：nvm uninstall 22.12.0 * 使用：nvm use 22.12.0 * 版本查看：nvm list * 当前查看：nvm current * 可用版本查看：nvm list available * 帮助文档：nvm help * 查看npm全局安装路径：npm config get prefix * 设置全局安装路径：npm config set prefix "D:\software\nodejs" * 清除npm缓存：npm cache clean --force - 注意事项：
- 使用nvm之前需要先卸载node及相关环境配置
- 如果已有node且已经指定好下载路径，需要重置npm全局路径
- 如果之前无node，则无需全程使用无需环境配置
- -g全局安装会跟着node版本走，切换版本后如果没-g安装会无法使用
4.Visual Studio Code
- 下载：vsCode
- 常用插件：
- Chinese (Simplified)
- Git History
- eslint（项目中配置.eslintignore）
- Live Server
- Vue - Official
5.hbuilderx
- 下载：hbuilderx
