前端环境搭建记录（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播放软件不二之选