美文网首页
笔记 - Mac 开发环境搭建(homebrew + iTerm

笔记 - Mac 开发环境搭建(homebrew + iTerm

作者: Emist | 来源:发表于2021-01-18 22:20 被阅读0次

    1. 安装Homebrew

    我的电脑上很早以前就已经安装了homebrew,这次相当于更新
    国内镜像与安装教程:https://mirror.tuna.tsinghua.edu.cn/help/homebrew/

    2. 通过homebrew更新必要软件

    brew install git
    brew install curl
    brew install openssl
    brew install node 
    brew install yarn
    

    3. Homebrew Cask

    至于 Homebrew Cask,它是一套建立在 Homebrew 基础之上的 OS X 软件安装命令行工具,是 Homebrew 的扩展。
    https://sspai.com/post/32857

    需要注意的是homebrew cask的用法和上文描述的已经不一样了。
    正确用法:
    brew install --cask <软件名>

    4. iTerm2.app 命令行工具

    Mac自带terminal,但iTerm2确实更香一些。
    详细用法参考:https://lhajh.github.io/mac/2018/04/25/Iterm2-usage-and-skills.html

    5. VS Code

    简体中文插件:Chinese Simplified
    拼写纠错插件: Code Spell Checker
    Git Easy 插件
    字体:font
    自动保存:auto save --> onFocusChange
    连字设置修改:
    setting.json --> 添加"editor.fontLigatures": False,
    (末尾逗号千万不能少)

    Emmet: 适用于html快速生成

    !+tab:快速生成HTML
    emmet wrap:生成多个元素包围当前内容
    e.g. ul>li* 生成一个ul和多个li
    

    快捷键:

    cmd + f:查找当前文件内的关键词
    cmd + p:查找目录里的文件名
    cmd + shift + p:快速输入命令 
    alt + 单击:多位置输入(按esc退出)
    

    关于如何在命令行工具里使用code开启vs:https://code.visualstudio.com/docs/setup/mac

    6. Node.js

    电脑里已经安装了node12,为了升级14先卸载。
    i. 卸载yarn:brew uninstall yarn
    ii. 卸载node:参考https://juejin.cn/post/6844904051516112903
    iii. 安装node 14
    iv. 重新安装yarn

    7. Mac添加PATH

    touch ~/.bashrc
    在 ~/.bashrc 里面添加一句 export PATH="新的路径:$PATH",你需要把新的路径写进去,其他任何一个符号都不能改
    source ~/.bashrc
    如果还还要加另外一个 PATH,请回到步骤 1 重新做一遍即可。
    最后的 bashrc 文件差不多是这样:

    export PATH="/path/1/:$PATH"
    export PATH="/path/2/:$PATH"
    

    8. nrm

    npm i -g nrm
    淘宝镜像:npm i -g nrm --registry https://registry.npm.taobao.org

    nrm --version # 确认安装版本
    nrm ls
    nrm use taobao # 使用淘宝镜像
    

    9. npm

    npm i -g http-server
    /usr/local/bin/hs -> /usr/local/lib/node_modules/http-server/bin/http-server
    /usr/local/bin/http-server -> /usr/local/lib/node_modules/http-server/bin/http-server
    

    10.yrm

    通过yarn config list查看registry,如果不是淘宝镜像就安装yrm

    yarn global add yrm
    yrm ls
    yrm use taobao
    

    相关文章

      网友评论

          本文标题:笔记 - Mac 开发环境搭建(homebrew + iTerm

          本文链接:https://www.haomeiwen.com/subject/rmgxzktx.html