关注

mac前端开发环境配置【自用】

参考了这位老师的配置,结合了自己的开发需求:https://gist.github.com/AnnaSu/467b805cf7e798dc5ba378f42fc0bc2e

环境设定( Mac )

依照個人習慣進行設定

  • 修改 Mac 設備名稱
    • 選擇「蘋果」選單 > 「系統設定」 > 「一般」 > 共享
    • 修改「本機上的主機名稱」例如:AnnaSu
    • 預設是電腦系統名稱,修改名稱之後,分享檔案時、對方可以比較快找到你的電腦
  • 切換輸入法 快捷鍵
    • 選擇「蘋果」選單  > 系統設定,按一下側邊欄中的「鍵盤」,然後按一下右側的「鍵盤快速鍵」選擇『輸入方式』。
    • 如果要更改快速鍵,在組合鍵區域點擊兩下,然後按下新按鍵
    • 改成 command + 空白鍵

開發工具

  • HomeBrew
  • 在终端中直接运行

  • /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
    
  • 会报错显示Xcode Command Line Tools 沒裝完整

  • #删除原来的xcode cli
    sudo rm -rf /Library/Developer/CommandLineTools
    #重新安装cli并检查
    xcode-select --install
    xcode-select -p
    #重新安装homebrew
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
    
  • Git
    • brew install git
    • 設定 Git config
      • git config --global user.name "xxxx" git config --global user.email "[email protected]"
      • git config --list 可以查看上面呢的设置
  • 新增 SSH key,这样就可以ssh拉取一些有权限设置的仓库
    • generate new SSH key
    • 可以直接输入 3 個 Enter 就可以產生金鑰,細節如下:
      • 显示 Enter file in which to save the key (/Users/anna/.ssh/id_xxxxxxx)
        • 輸入 Enter
      • 顯示 Enter passphrase (empty for no passphrase)
        • 輸入密码(可以不设置,直接 Enter,这样github就会知道没有密码)
      • 顯示 Enter same passphrase again
        • 再次輸入密码(如果不设密码,就直接 Enter)
  • 在 Github 設定 SSH key

    • 複製 pub
      • 在终端输入 cat ~/.ssh/id_ed25519.pub,输出会是一长串,把整串都复制下来
    • 將 .pub 文件粘贴到 Github
  • NVM:是node.js的包管理器,可以切换node.js版本
    • https://github.com/nvm-sh/nvm

    • 根據上方網址,使用 curl 安裝最新的 nvm

    •  curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
      
    • 安裝完之後,需要确认shell的设定

      #查看隐藏文件夹:
      ls -a
      #如果沒有 .zshrc,就建立:
      touch ~/.zshrc
      #然後編輯:
      vim ~/.zshrc
      #按I进行插入,按esc退出插入,输入:wq保存并退出
    • 插入以下内容:

      export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
      [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
      
    • 重新启动 Terminal或者运行source ~/.zshrc

    • 输入 nvm -v

      • 如果显示版本号就成功了
    • 使用 NVM 安裝特定版本的 Node.js

      • nvm install v16.13.2/nvm install v18.20.8
      • 安装最新版本: nvm install node
    • 切換多個版本的 Node.js

      • nvm use v18.20.8
    • 列出所有已經安裝的 Node.js 版本

      • nvm list
    • 指定默认版本

      • nvm alias default v18.20.8
  • 注意:如果用node安装了node,就不要再用homebrew安装,会产生冲突
  • HbuilderX
  • 接口测试:Postman/Apifox
  • 数据库管理:MySQL和Navicat

     
  • ✅ Tips
  • 👩🏻‍💻 在 Finder 显示隐藏栏
    • ✨ 「Command」+「Shift」+「.」 鍵
  • 👩🏻‍💻 在 Terminal 显示隐藏栏
    • ✨ ls -a

转载自CSDN-专业IT技术社区

原文链接:https://blog.csdn.net/m0_73640510/article/details/158040875

评论

赞0

评论列表

微信小程序
QQ小程序

关于作者

点赞数:0
关注数:0
粉丝:0
文章:0
关注标签:0
加入于:--