软件安装软件配置终端安装辅助工具开始写代码首先来杯养生茶（供参考）从应用商店或百度搜索官网下载28款常用软件中的12款：谷歌浏览器、火狐浏览器、微信、QQ、企业微信、腾讯会议、vscode、微信开发者工具、HBuilderXRobo3T，经典好用的mongodb数据库查看工具向日葵远程控制可以远程控制其他windows或者mac电脑。它稳定、可靠、质量上乘。ApiPost是一款简单易用的界面文档工具。中文友好，操作简单。步骤少，自动生成好看的在线接口文档。类比Swagger、Apizza、YApi、Kanyun、Showdoc、PostmanMacWk平台下载16款：Axure、Ps、MicrosoftWord套件、Sourcetree、SnailSVN、iTerm2、CharlesPPDuck-保留图片压缩、ColorSnapper2-吸收颜色、iShot-截图、CheatSheet-查看快捷命令XMindSketchSwitchHosts-修改hostRDM-redis数据库查看工具NavicatPremium-各种数据库查看不使用百度网盘，下载速度快选择天翼云盘软件配置谷歌浏览器配置书签：从原电脑下载书签并传输他们到新电脑，或者账号登录同步谷歌浏览器扩展：草二维码、Vue.jsdevtools、ReactDeveloperTools、ProxySwitchyOmega、GoogleAccessAssistant（如果没有连接应用商店，百度搜索对应的扩展）vscode配置前言：VSCode使用引导插件安装26中文语言包forVSCode-中文语言包ageMonokaiTheme-颜色主题vscode-icons-图标插件DebuggerforChrome-从vscode调试在GoogleChrome中运行的JavaScript代码EditorConfigforVisualStudioCode-覆盖vscode配置文件大小-在状态栏中显示当前文件大小，您仍然可以查看点击后详细创建和修改时间ImportCost-计算导入文件的大小ImagePreview-在空白处和鼠标悬停时显示图片预览PathIntellisense-自动填写文件名AutoRenameTag-自动完成标签的同步修改另一方面，CodeRunnerShortcut用于运行代码koroFileHeader-用于在vscode中生成文件头注释和函数注释的插件HTMLSnippets-完整的HTML代码提示，包括HTML5JavaScript(ES6)片段-ES6语法智能提示和快速输入ApolloGraphQL-ApolloGraphQLHighlightVetur-vue语法高亮、Intellisense、Emmet等PrettifyJSON-格式化jsonJSONTools-JSON格式化工具JSONViewer-JSON查看ESLint-检查javascript语法错误和提示Prettier-Codeformatter-格式化代码工具Minify-将当前的HTML、CSS、JS压缩生成.min文件OpeninBrowser-在浏览器中打开文件TodoTree-TODO和FIXME等注释标记ViewNodePackage-使用此扩展可以快速查看Node包源，允许您直接从vscodeRepository库/文档打开Node包。Sass/Less/Stylus/Pug/Jade/Typescript/JavascriptCompileHeroPro调整设置以打开新文件而不是覆盖WorkbenchenablePreview-true所选文件不会自动展开AutoReveal-falsecomd+nfileformatwhencreatinganewfiledefaultLanguage-保存html文件时删除末尾的空格TrimTrailingWhitespace-true修复vscode导致的git.exe内存占用问题git.enabled:falsegit.autorefresh:falseFoldblankfoldersCompactFolders-falseTriggerExpansionOnTab-trueincludeLanguages-"javascript":"javascriptreact"其他设置AutoSave-onFocusChangeTabSize-2CursorBlinking-smoothCursorStyle-line-thinWordWrap-onAutoIndent-advanced粘贴保留格式折叠策略-缩进按空格缩进收起HighlightActiveIndentGuide-falseMatchBrackets-never突显匹配的参数MaxTokenizationLineLength-100000RenderControlCharacters-trueRenderWhitespace-noneTree:Indent-10Tree:RenderIndentGuides-noneInitialIndent-true使用选项卡-trueMinimap：启用-false文件移动时更新导入：启用-从不调查：启用-false面包屑导航：启用-true启用崩溃报告器-false启用遥测-falseEslint：启用-false最大列-40活动栏：可见-true侧边栏：位置-左侧确认删除-false确认拖放-false集成：拆分Cwd-初始页面大小-0显示扫描模式按钮-false包管理器-yarnAutorefresh-falseValidate:Scripts-falsePrettier:Semi-falsePrettier:SingleQuote-trueQuoteStyle-single默认格式化程序：HTML-prettyhtml默认格式化程序：JS-prettier-eslint运行前保存文件-true忽略项目警告-true不显示新版本消息-真正的JS官方-真正的终端安装Homebrew安装允许所有访问：sudospctl--master-disableterminalexecute/bin/bash-c"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install.sh)"如果网络连接失败，更改国内地址/bin/zsh-c"$(curl-fsSLhttps://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)》查看版本brew-v切换brew下载源提高下载速度brew.git:cd"$(brew--repo)"gitremoteset-urloriginhttps://mirrors.ustc.edu.cn/brew.git自制软件核心。git:cd"$(brew--repo)/Library/Taps/homebrew/homebrew-core"gitremoteset-urloriginhttps://mirrors.ustc.edu.cn/homebrew-core.git替换HomebrewBottles源cd~echo'exportHOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles'>>~/.bash_profilesource~/.bash_profilebrewinstallgitbrewinstallnginxxcode-selectinstallxcode-select--install下载安装xcode-select-p查看安装目录xcode-select-v查看版本删除xcode-selectsudorm-rf$(xcode-select--print-path)rm-rf/Library/Developer/CommandLineToolsnvminstallwget-qO-https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install。嘘|bashtouch~/.bash_profilevim~/.bash_profile输入提示三行exportNVM_DIR="$HOME/.nvm"[-s"$NVM_DIR/nvm.sh"]&&\."$NVM_DIR/nvm.sh"#这会加载nvm[-s"$NVM_DIR/bash_completion"]&&\."$NVM_DIR/bash_completion"#Thisloadsnvmbash_completionsource~/.bash_profilenvmchangesource:exportNVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node**新增如果电脑默认安装v16版本，必须先卸载它。**nvminstallv12.22.6安装指定版本nvmusev12.22.6切换节点版本nvmaliasdefaultv12.22.6设置默认版本安装cnpmnpminstall-gcnpm--registry=https://registry.npm。taobao.orgcnpmconfiggetregistry//查看cnpmsourcecnpmsetregistryhttps://registry.npm.taobao.org//使用淘宝源下载pm2cnpminstall-gpm2zsh安装oh-my-zsh插件zsh安装完成后，退出当前会话，重新打开一个终端窗口wgethttps://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh-O-|sh全局变量设置.bashrc:非登录用户可读.bash_profile:仅登录用户可读，修改后执行source~/.bash_profile生效。zshrc：登录用户和非登录用户都可以读取、修改环境变量、保存更改并重启终端。MacOSX的Terminal.app实际上运行的是“登录shell”而不是“非登录shell”，默认调用.bash_profile而不是.bashrc。在Mac上安装omyzsh后，执行terminalinit时，~/.bash_profile、~/.bashrc等脚本将不会执行。默认的启动执行脚本变成~/.zshrc为了统一管理，做一些设置：在.zshrc的最后一行添加这段代码source~/.bash_profile然后在.bash_profile中添加所有变量。Bash_profile变量参考：#nvmpathexportNVM_DIR="$HOME/.nvm"[-s"$NVM_DIR/nvm.sh"]&&\."$NVM_DIR/nvm.sh"#这会加载nvm[-s"$NVM_DIR/bash_completion"]&&\."$NVM_DIR/bash_completion"#加载nvmbash_completion#denopathexportDENO_PATH="/Users/qianduanyiguozhu/.deno"exportPATH="$DENO_PATH/bin:$PATH"#mongodbpathexportPATH="/usr/local/mongodb/bin:$PATH"#redispathexportPATH="/usr/local/opt/redis/bin:$PATH"#homebrewexportHOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles#上一篇：Mac设置开始https://cjm0.github.io/blog/page/list/maclist.html#%E5%88%9B%E5%BB%BA-plist-%E6%96%87%E4%BB%B6#mongod启动、停止、重启aliasaliasmongod.start='launchctlload-w~/Library/LaunchAgents/org.mongodb.mongod.plist'aliasmongod.stop='launchctlunload-w~/Library/LaunchAgents/org.mongodb.mongod.plist'aliasmongod.restart='mongod.stop&&mongod.start'#redis启动、停止、重启aliasredis.start='launchctlload-w~/Library/LaunchAgents/org.redis.plist'aliasredis.stop='launchctlunload-w~/Library/LaunchAgents/org.redis.plist'aliasredis.restart='redis.stop&&redis.start'#nginxstart,stop,restartaliasaliasnginx.start='launchctlload-w~/Library/LaunchAgents/org.nginx.plist'aliasnginx.stop='launchctlunload-w~/Library/LaunchAgents/org.nginx.plist'aliasredis.restart='nginx.stop&&nginx.start'辅助工具想要做好首先要用到NATAPPip映射工具，后端临时域名，前端临时域名JSBench代码测试工具inspectChrome浏览器调试手机网页大纲网页元素所有边框工具javascript:(function(){varelements=document.body.getElementsByTagName('*');varitems=[];for(vari=0;i
