前端环境搭建记录Mac版

前言

这几天重装了一下 Mac 的系统，将盘全部抹掉了，所有的环境和工具都需要重新配置，期间发现很多配置都已经忘记了，所以觉得有必要写一篇文章记录一下，方便以后查阅，当然随着以后接触的东西越来越多，还会不断更新内容。

编辑器

VSCode

使用的扩展有：

• Chinese language Pack
• Easy LESS
• ESLint
• Material Icon Theme
• open in browser
• Vetur

至于 ESLint 需要在 VSCode 的配置 json 文件中写入一下配置：

"eslint.validate": [
    "javascript",
    "javascriptreact",
    {
        "language": "html",
        "autoFix": true
    },
    {
        "language": "vue",
        "autoFix": true
    }
],
"eslint.autoFixOnSave": true,

Sublime

使用的扩展有：

• Emmet
• ConvertToUTF8
• SideBarEnhancements

Node

nvm
使用 nvm 来管理 node 版本

安装参见我的另一篇文章在 Mac 下安装 nvm 管理 node

nrm
使用 nrm 来管理 npm 源，我不使用 cnpm 来下载包。因为 npm 和cnpm混用，会出现莫名其妙的错误。

nrm use taobao

接口调试

Postman
使用 Postman 来进行接口的调试

数据库管理工具

Sequel Pro
免费、开源、体量小

注意：需要下载官网中 More 中的 Test Builds 版本，否则在 Mac 最新系统中退出时，报意外退出错误

本地服务器环境的工具

MAMP

注意：在第一次，我们需要在设置中将端口修改为 80 和3306

Markdown

Typora
免费、简洁、功能齐全

视频播放

IINA
免费、开源、Mac播放软件不二之选