这也是我给组内新成员写的部分基础入职文档介绍,分享给大家
进入一家新公司,你需要了解以下几个平台以及使用方式:
jira
gitlab
figma
基本理清这些平台就足够了,一般公司都是会在新人入职文档写明,如果没有,那就得一个一个去问。
效果图
下载iTerm2:
设置默认Shell为zsh:
安装Oh My Zsh:
打开终端(iTerm2)。
运行以下命令安装Oh My Zsh:
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
安装完成后,关闭终端并重新打开一个新的终端。
安装Powerline和PowerFonts:
打开终端(iTerm2)。
安装Powerline:
pip install powerline-status --user
安装PowerFonts:
在终端中执行以下命令克隆PowerFonts项目:
git clone https://github.com/powerline/fonts.git --depth=1
进入克隆的fonts文件夹:
cd fonts
执行安装脚本:
./install.sh
安装完成后,你可以在iTerm2的偏好设置中选择Meslo LG字体作为默认字体。
安装配色方案:
打开终端(iTerm2)。
克隆Solarized配色方案:
git clone https://github.com/altercation/solarized
进入iterm2-colors-solarized文件夹:
cd solarized/iterm2-colors-solarized/
双击Solarized Dark.itermcolors或Solarized Light.itermcolors安装对应的配色方案。
在iTerm2的偏好设置中,选择喜欢的配色方案。
安装agnoster主题:
打开终端(iTerm2)。
克隆agnoster主题:
git clone https://github.com/fcamblor/oh-my-zsh-agnoster-fcamblor.git
进入oh-my-zsh-agnoster-fcamblor文件夹:
cd oh-my-zsh-agnoster-fcamblor/
执行安装脚本:
./install
打开你的.zshrc文件:
vi ~/.zshrc
将ZSH_THEME字段修改为"agnoster": ZSH_THEME="agnoster"
保存并关闭.zshrc文件。
在终端中执行以下命令使修改生效:
source ~/.zshrc
安装zsh-autosuggestions插件(可选):
打开终端(iTerm2)。
安装zsh-autosuggestions插件:
git clone https://github.com/zsh-users/zsh-autosuggestions ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions
打开你的.zshrc文件:
vi ~/.zshrc
在.zshrc文件的plugins部分,添加"zsh-autosuggestions"插件: plugins=(zsh-autosuggestions)
保存并关闭.zshrc文件。
在终端中执行以下命令使修改生效:
source ~/.zshrc
8.配置热键
我的是
command+~
这样调出iTerm2窗口,记得配置top吸顶效果
完成以上步骤后,你的iTerm2终端将配置好,并具有美化的界面和功能。你可以根据个人喜好进行自定义调整。
在进行前端开发时,经常需要使用不同版本的Node.js。为了简化版本管理的过程,我们可以使用nvm(Node Version Manager)工具来管理和切换Node.js版本。本文将详细介绍如何安装nvm、使用nvm安装Node.js,并配置环境变量,以便在终端中正确使用已安装的Node.js版本。
在终端中运行以下命令来下载和安装nvm:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
关闭终端并重新打开一个新的终端。
验证nvm是否成功安装:
nvm --version
如果安装成功,你将看到nvm的版本号。
打开终端(iTerm2)。
在终端中运行以下命令来安装Node.js:
nvm install stable
这将安装最新的稳定版Node.js。如果你想安装特定版本的Node.js,可以使用以下命令并替换<version>
为你想要安装的具体版本号,例如14.17.6
:
nvm install <version>
验证Node.js是否成功安装:
node --version
如果安装成功,你将看到Node.js的版本号。
打开你的终端配置文件,这里是zsh的配置文件为~/.zshrc
。
在配置文件中添加以下内容来设置nvm的环境变量:
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
保存并关闭终端配置文件。
在终端中执行以下命令使配置文件的修改生效:
source ~/.bashrc # 或 source ~/.bash_profile 或 source ~/.zshrc,根据你的配置文件名来选择对应的命令
环境变量配置完成后,可以在终端中使用nvm
命令来管理已安装的Node.js版本。
验证环境变量是否配置成功:
nvm --version
如果成功配置,你将看到nvm的版本号。
在终端中运行以下命令来切换到已安装的Node.js版本:
nvm use <version>
使用具体的版本号替换<version>
。切换成功后,你将可以在终端中使用选定的Node.js版本。
在终端(iTerm2)中运行以下命令来安装Homebrew(包管理工具):
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
在终端中运行以下命令来使用Homebrew安装Git:
brew install git
SSH协议允许你通过加密方式与远程代码仓库进行通信,以确保安全性。以下是配置SSH协议的步骤:
生成SSH密钥对:
在终端中运行以下命令来生成SSH密钥对:
ssh-keygen -o
按照提示,选择密钥的保存路径和设置密码(可选)。 2.查看密钥
cat ~/.ssh/id_rsa.pub // 公钥
cat ~/.ssh/id_rsa // 私钥
有些平台SSH协议不一样,就没有权限推送代码了,这点得注意
为了提高SSH协议的安全性,你可以升级到更高版本的SSH协议。以下是升级SSH协议的步骤:
检查SSH客户端配置:
在终端中打开SSH客户端配置文件:
vi ~/.ssh/config
如果文件不存在,可以创建一个新的配置文件。
在配置文件中添加以下内容以启用最新版本的SSH协议: Host * AddKeysToAgent yes UseKeychain yes IdentityFile ~/.ssh/id_rsa PreferredAuthentications publickey PubkeyAcceptedKeyTypes ssh-ed25519-cert-v01@openssh.com,ssh-rsa-cert-v01@openssh.com,ssh-ed25519,ssh-rsa
方便一点就是用git-cz代替git commit
npm install -g commitizen
npm install --save-dev git-cz
如果你做的是H5项目,想要在真机上调试,那么
whistle
会给你极大的便利
Node安装成功后,执行如下npm命令安装whistle (**Mac或Linux的非root用户需要在命令行前面加sudo
,如:sudo npm install -g whistle
**)
$ npm install -g whistle
$ npm install cnpm -g --registry=https://registry.npmmirror.com
$ cnpm install -g whistle
或者直接指定镜像安装:
$ npm install whistle -g --registry=https://registry.npmmirror.com
最新版本的whistle支持三种等价的命令
whistle
、w2
、wproxy
启动whistle:
$ w2 start
Note: 如果要防止其他人访问配置页面,可以在启动时加上登录用户名和密码 -n yourusername -w yourpassword
。
重启whsitle:
$ w2 restart
停止whistle:
$ w2 stop
调试模式启动whistle(主要用于查看whistle的异常及插件开发):
$ w2 run
启动完whistle后,最后一步需要配置代理。
-p
来指定新的端口,更多信息可以通过执行命令行 w2 help
(v0.7.0
及以上版本也可以使用w2 help
) 查看)勾选上 对所有协议均使用相同的代理服务器
about:preferences
,找到 Network Proxy
,选择 手动代理配置(Manual proxy configuration)
,输入代理服务器地址、端口,保存
设置
中配置当前Wi-Fi的代理,以 iOS 为例:
PS: 如果配置完代理,手机无法访问,可能是whistle所在的电脑防火墙限制了远程访问whistle的端口,关闭防火墙或者设置白名单:http://jingyan.baidu.com/article/870c6fc317cae7b03ee4be48.html
启动whistle及配置完代理后,用**Chrome浏览器(由于css兼容性问题界面只支持Chrome浏览器)**访问配置页面,如果能正常打开页面,whistle安装启动完毕,可以开始使用。
通过ip+端口来访问,形式如 http://whistleServerIP:whistlePort/
e.g. http://127.0.0.1:8899
这里手机代理到我们电脑的
IP+8899端口
(8899端口是whistle启动的窗口)
使用手机扫描下面二维码进行下载(打开localhost:8899选择https tab就会弹出二维码)
按照我配置的vscode插件介绍,建议vscode用户登录,这样换电脑的话可以保留配置
与Visual Studio IDE或Sublime Text一样,自动添加HTML/XML关闭标签。
自动重命名配对的HTML/XML标签,与Visual Studio IDE相同。
更好的注释扩展将帮助您在代码中创建更人性化的注释。
运行多种语言的代码片段或代码文件:
Visual Studio Code 的拼写检查器
Docker 扩展使您可以轻松地从 Visual Studio Code 构建、管理和部署容器化应用程序。它还提供对容器内 Node.js、Python 和 .NET 的一键调试。
“Document This”是一个 Visual Studio Code 扩展,可以自动为 TypeScript 和 JavaScript 文件生成详细的 JSDoc 注释。
吸血鬼皮肤
非常推荐使用,没有资格的或者不会使用的可以私信我,我教你
GitLens — 在 VS Code 中增强 Git(可以直接查看代码是谁提交的)
Vscode 图片悬停预览插件。
一个简单的扩展,使缩进更具可读性
静态资源代理服务,本地启动dist文件的时候非常方便
代码格式化
还有很多很好玩的插件,可以自己上vscode市场搜寻一下