开发环境配置
一、Mac 终端
iTerm2 :是一款高效的终端工具 iterm2.com/
- 下载后配置命令高亮和补全 ohMyZsh + iTerm2配置
oh-my-zsh:是一款社区驱动的命令行工具,非常便捷,希望你能感受到用它的快乐 ohmyz.sh/
二、IDE
vscode ,统一开发工具 不装插件的vscode就是个txt编辑器;
-
参考插件: juejin.cn/post/701430…
-
自定义代码片段:vscode中一键快速生成vue3模板代码
微信开发者工具:用来调试小程序
三、node + npm
mac装node https://www.jianshu.com/p/3b30c4c846d1
win 请自行下载安装包 nodejs.org/en
之后,装一下公司内部的npm镜像(如果有的话),补充安装命令:
// 安装jnpm
npm install @jd/jnpm -g --registry=http://registry.m.jd.com
// 安装nvm,根据提示配置全局路径(略
brew install nvm
#1. 安装nrm
npm install -g nrm --registry=http://registry.m.jd.com
#2.添加公司私源
nrm add jd http://registry.m.jd.com
#3. 切换到私源
nrm use jd
// 使用nvm安装指定版本的npm
nvm install 14.18.2
可能会遇到全局路径配置问题:
echo $SHELL // 查看环境文件
vim ~/.zshrc // 在使用zsh的情况下打开配置文件
export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh"
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"
source ~/.zshrc
管理node版本:
使用 nrm 管理 npm 源: github.com/Pana/nrm
开发前:
-
正式开发时更改自己本地 $HOME/.gitconfig 文件,确保user/email信息正确;
-
需要按照开发仓库的Push规则来配置本地环境,https://coding.jd.com/help/all/push_rules.html
-
克隆coding仓库时还得在本机配置sshkey:
四、Host
switchHost 切换 host,开发H5过程中必会用到: switchhosts.vercel.app/zh
SwitchHosts:GitHub地址:找到对应的系统版本,可以直接下载
五、Git
配置 git 环境,可视化工具: (可按需选择,主要是可视化查看修改,组内统一,方便)
GitHub Desktop:desktop.github.com/
sourcetree:www.sourcetreeapp.com/
六、浏览器
优先推荐Chrome调试:开发调试过程中可能会遇到cookie带不过去失效情况,请参考:本地启动的项目登录态失效-chrome
七 、抓包工具
1、whistle: doc.jd.com/track/help/…
2、Charles www.charlesproxy.com/
3、 proxyman 只有mac版:proxyman.io/
4、fiddler: www.telerik.com/fiddler
八、其余工具推荐
1、 写代码插件
- joycoder JoyCoder插件安装和使用指南
权限申请
仓库、文档权限:找对应的负责人进行授权
居家办公申请VPN: VPN如何申请
前端常用文档
Vue3:cn.vuejs.org/guide/intro…
TS:typescript.bootcss.com/tutorials/t…
React:zh-hans.react.dev/learn
微信小程序: developers.weixin.qq.com/miniprogram…