前言
你换工作没？换电脑没？是不是环境又要重新配置？按流程走下去就O啦。(整理不到位欢迎留言)
node
安装nvm(使用nvm管理node)
- 不能安装任何的node版本（如存在请先删除）
- 下载nvm（github.com/coreybutler… 官网下载）
- 同意并安装到磁盘目录下 （例：D:\NVM）
- 在创建一个nodeJs目录 （例：D:\NVM\nodejs）
- 完成安装
nvm常用基础命令
nvm version查询nvm版本
nvm list available 查询可下载的node版本
nvm install *** 安装指定版本
nvm list 查看已安装node版本
nvm use *** 使用什么版本的node
npm
node和npm是捆绑的
安装node npm就会安装。异常排查一下环境变量
npm镜像源
- 查看当前镜像 npm config get registry
- 切换淘宝镜像 npm config set registry registry.npm.taobao.org/
其他工具
像yarn pnpm bun 看个人，每个都有不一样特性
git
下载地址
安装
- 一路安装 next 建议不要动
- 安装完检查鼠标右键命令
基础命令
- git init ——— 初始化
- git clone 地址 ——— 克隆分支代码到本地（默认是master分支）
- git clone -b 分支名 地址 ——— 克隆具体分支代码
- git add . ——— 添加所有修改到暂存区
- git commit -m '注释' ——— 提交到仓库
- git push ——— 将代码提交远程仓库
- git push -u origin 分支名 ——— 将本地分支推送到origin
- git branch 分支名 ——— 新建分支
- git checkout 分支名 ———切换分支
- git pull ——— 拉取分支最新代码
- git merge 分支名 ——— 将目标分支代码合并到本分支
- git fetch ——— 更新远程代码到本地
- git reset --hard 目标版本号 ——— 硬回滚
- git reset --soft 目标版本号 ——— 软回滚
- git remote prune origin ——— 删除远程仓库不存在的分支
- git branch -d 分支名 ——— 删除本地分支
- git push origin --delete 分支名 ——— 删除远程仓库分支
vscode
下载地址
插件
- ESLint：用于代码规范检查和自动修复，提供了一致的代码风格和质量。
- stylelint：用于CSS样式检查的插件，可以帮助你保持一致的CSS代码风格和质量。
- Prettier：用于代码格式化，可以自动格式化你的代码，使其保持统一的风格。
- ChatGPT：智能AI问答。
- Chinese: 系统文字汉化。
- GitLens：增强了Git的功能，提供了更全面的代码审查和版本控制信息。
- Auto Close Tag / Auto Rename Tag：用于自动闭合HTML标签和自动重命名匹配的标签。
- HTML CSS Support：提供HTML和CSS的智能提示和代码片段。
- IntelliSense for CSS class names：在HTML和CSS中智能提示和补全CSS类名。
- Debugger for Chrome：用于在VS Code中调试JavaScript代码，与Chrome浏览器进行交互。
- Bracket Pair Colorizer：用于给括号添加颜色，帮助你更好地识别和匹配括号。
- Path Intellisense：在引入文件时，提供路径的智能提示和自动补全。
- Code Runner：在VS Code中运行代码片段或整个文件的插件，支持多种编程语言。
- Better Comments：改善代码注释的可读性和可视化，可以给不同类型的注释添加不同的样式。
- React PropTypes Intellisense：提供PropTypes的智能提示和自动补全，帮助你更好地使用PropTypes进行类型检查。
- ES7 React/Redux/GraphQL/React-Native snippets：提供了一些常用的React代码片段，可以快速生成React组件、生命周期方法和常用的代码模式
谷歌浏览器插件
- Window Resizer
- Proxy SwitchyOmega
- React Developer Tools
- Vue.js devtools
- JSON格式化工具
- Google 翻译
