前端新手-mac初始化配置

1,422 阅读3分钟

前言

刚开始工作的时候,第一次使用mac并进行配置一些需要的东西,没有整理一个完整的文档,花费了很长时间才完全配置好,后来换电脑就自己写了一个配置文档。这篇配置很适合于新手来看,希望可以给你们带来帮助,有问题可以提出来给我哟!

  • 本篇涉及到安装vscode、iTerm、git、github、nvm、node、npm、oh-my-zsh

具体配置

1、安装vscode、以及插件

  • 安装vscode,进入官网进行下载即可
  • 常用插件
    • Chinese:简体中文
    • gitLens:能看到代码作者的身份(没有安装git前不能安装)
    • ESLint:js语法纠错

2、安装iTerm

  • 安装iTerm,进入官网进行下载即可

3、安装git

  • 使用xcode安装git,在iTerm中输入git,会自动跳出安装xcode的命令(mac自带xcode,不需要安装)
  • 本地配置git
    • git config --global user.name XXX
    • git config --global user.email xxxxxx@xxx.com
  • 查看配置情况
    • git config user.name
    • git config user.email

4、创建和配置ssh,连接github

  • 通过终端命令创建ssh key
    • ssh-keygen -t rsa -C xxxxxx@xxx.com
    • 一直点entry,向下执行即可
      安装成功
  • 通过命令open .ssh/id_rsa.pub 查看是否生成密钥成功
  • 通过命令cat ~/.ssh/id_rsa.pub 命令查看密钥,并复制
  • 在github中设置ssh,填写本地ssh
    在github中设置ssh
  • 通过命令ssh -T git@github.com查看是否连接成功

5、在GitHub上新创建一个 repository(仓库)

  • 在本地新建一个文件夹,尝试git clone拉下新建仓库应用,修改内容后push

6、配置node、npm、cnpm

6.1 三者之间的关系

  • nvm:nodejs 版本管理工具
    • 一个 nvm 可以管理多个 node 版本和 npm 版本。
    • 注意:一个node版本对应一个npm版本。
  • npm:nodejs 包管理工具
    • 在安装nodejs 的时候,npm 也会跟着一起安装,它是包管理工具,npm管理 nodejs中的第三方插件。
  • cnpm:国内淘宝镜像
    • 因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

6.2 安装nvm

mac使用node版本管理工具nvm,可以直接在nvm中下载node和npm

  • 执行安装命令

    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
    

    执行完成后,iTerm中输入nvm,看是否安装成功,如果显示command not found: nvm,则不成功,执行下一步。

  • 安装不成功,是因为你的系统没有配置.bash_profile文件,创建一个此文件(可通过vi或vim命令),打开复制粘贴以下代码进去,保存,然后再次运行安装命令。如果输入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_profile 文件,并添加以下代码:

    source ~/.bashrc
    

    执行保存后,重新打开iTerm,执行nvm

  • nvm常用命令

    • nvm install stable : 安装最新稳定版 node
    • nvm install : 安装指定版本,可模糊安装
    • nvm uninstall : 删除已安装的指定版本,语法与install类似
    • nvm use : 切换使用指定的版本node
    • nvm ls : 列出所有安装的版本

6.3 安装node、npm

  • 通过nvm,执行命令nvm install stable,安装最新稳定版 node
  • npm会在node安装时候,附带安装好,执行npm -v可获取npm版本号

6.4 安装cnpm

通过下面的命令直接将npm换成cnpm

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

7、配置oh-my-zsh

  • 第一步:默认使用zsh mac系统自带bash和zsh,先设置默认使用zsh
chsh -s $(which zsh)

注意:你之前如果使用过Bash,肯定修改了它的配置文件~/.bash_prorile。同样,现在使用Zsh,自己也有配置文件~/.zshrc,就需要将原来的配置拷贝过来。

  • 第二步:安装oh-my-zsh
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

注意:具体根据官网命令为准

安装成功
注意:先通过ls -a 命令查看隐藏文件中是否有.zshrc,若没有,先使用命令touch .zshrc新建个文件,不然安装会失败