Mac电脑环境安装

124 阅读2分钟

推荐软件

可能有的铁铁们刚买完自己心爱的mac发现自己对于mac生态很陌生,已经习惯Window给自己带来的便捷,这里为铁铁准备一份前端开发,搭建环境准备的清单

  • 截图 取色 ishot pro (付费 78元) 功能强大懂得都懂 iShot_2024-07-07_16.57.04.png

  • Markdown文档 typora (14美元) 有免费版的 低版本的还是可以免费用可以直接在官网history里面下载 iShot_2024-07-07_16.58.47.png

  • 超级右键pro (几十块吧) 功能很强大 你在mac中可能找不到vscode右键打开 ,可以通过这个软件,下载后在左侧工具箱中将vscode添加进去,然后退出软件重新打开 右键时就可以看到用vscode打开选项, 有的友友可能使用的🖱发现右键没反应这时你需要打开苹果鼠标设置的右键功能 步骤: 当鼠标蓝牙连接时>打开偏好设置>鼠标>辅助点按>点击右侧 此时你的鼠标右键时就会有效了 建议使用免费版的感觉付费和免费没啥区别 iShot_2024-07-07_17.01.40.png

  • The Unarchiver 压缩解压工具 十分好用(现在在用FastZip) iShot_2024-07-07_16.59.57.png

  • HbuildX uniapp开发工具

iShot_2024-07-07_17.02.40.png

  • nvm node版本管理器 安装: 先需要修改host文件

    vim /etc/hosts // 使用vim打开hosts文件
    
    i // 按i进入编辑模式
    :wq // 编辑完成以后保存退出文件
    
    //在host文件中添加  快速构建映射
    199.232.28.133 raw.githubusercontent.com
    
    //使用终端安装nvm
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
    
    //配置环境变量
    vim ~/.bash_profile
    // 复制下面的一行代码进去
    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" # This loads nvm
    // 保存以后执行
    source ~/.bash_profile
    // 检查版本
    nvm -v
     //安装                       
    nvm install 16.13.1
     //切换版本
      nvm use 16.17.0
    

    node自带npm所有安装node等于有了npm

  • git 安装

    git config --global user.name "Your Name"
    git config --global user.email "your_email@example.com"
    
    # 查看配置是否设置成功
    git config --global --list
    
  • 安装itrem2

iShot_2024-07-07_17.03.15.png

brew install iterm2
  • Oh my zsh安装

    //使用curl安装
    # sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
    
    //如果没有修改host文件可能会报错
    //需要修改host文件(同上)
    199.232.28.133 raw.githubusercontent.com
    
  • vscode插件安装

    • Chinese 中文汉化插件
    • Atom One Dark Theme vscode主题
    • Auto import 自动引入插件
    • live serve 将html文件打开在浏览器
    • volar vue3插件
    • vetur vue2插件
    • uniapp-snippet uniapp语法提示
    • DotENV .env文件内文字颜色
    • Code Spell Checker 错别单词检测提示
    • Color Highlight 快速显示代码中的颜色
    • EditorConfig for VS Code 代码规范插件
    • Prettier - Code formatter 代码格式化插件
    • project-tree 生成树状结构

....

iShot_2024-07-07_17.04.47.png

欢迎各位大佬多多分享!! 图片中的插件更完整一点