前端环境搭建记录（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

使用的扩展有：

• Emmet2
• ConvertToUTF8
• SideBarEnhancements

注意：在使用 Emmet 时，会出现 pyv8 依赖的问题。官方推荐使用 emmet2，具体参见 Emmet2

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

FTP工具

FileZilla
免费、开源
往远程服务器传输文件，十分高效，界面也简单易用

Markdown

Typora
免费、简洁、功能齐全
使用的是Typora加iCloud的方式来编写和管理笔记文档

视频播放

IINA
免费、开源
界面设计和运行流畅程度，堪比苹果原生，是Mac播放软件不二之选

软件删除

AppCleaner
免费、开源，安装包只有3M
官网地址(需科学上网)：AppCleaner
简直是强迫症的福音，每次卸载软件必须要卸载干净，但又怕清理软件误删系统，结果自己每次找系统文件就要找很久。这款清理软件，它会将相关目录列出来，自己选择删除与否，且没有其他附加的功能，这正是我想要的。