MacBook Pro m1 搭建前端开发环境

BombCowpat 发布于 2 月 10 日

笔者购买于 2021.2月8号，由于 m1 芯片兼容性目前不太好，本文参考效益仅限于近期，没准以后就各种更新不兼容了。可能很多人看都不看文章中的说明，就照着抄指令一顿往终端输入了，最后没装好还掉了一大把头发，所以文章中很多地方只是给了一个大概的思路，希望大家还是多多思考，多看几个人的博客，想想为什么这么做，多分享下经验。还有安装过程中很多地方都需要使用大家看欧美动作大片的渠道，不然，几个g的东西，你就等吧，吐槽一下微软，现在vscode 下载都变得贼慢了。。。。

安装 brew

参考的这位大佬的 https://www.cnblogs.com/hyh12... ，对他的文章中我的做法做一些说明：

安装 nvm

如果你安装好了 brew 并且配置好了环境变量 那么在终端输入 brew install nvm 即可，中途会提示让你安装个软件，反正我是安装了，不然报错好像。安装nvm成功后直接执行 nvm 提示找不到，好，又是一个坑，百度很多方法都不起作用，然后看到了一个哥们儿评论中有这么一条指令 brew info nvm ，执行后会有一串说明打印在控制台，按照说明配置就ok 了，我就不写了，懒；

安装 node

安装好 nvm 并配置好环境变量之后，在终端中输入 nvm install 15 安装 15 版的node，默认安装的就是15的最新版，好像只有15的原生支持arm，安装之后就是编译，等很久很久，等吧。。。编译完成 node -v 就可以查看版本是否安装好了

安装 git

直接 brew Install git ，配置下用户信息啥的

安装 vscode

vscode 目前只有一个 insider 版支持 m1 ，去vscode 官网 https://code.visualstudio.com...
我选择的下面的 Apple Silicon Chip 版本 没有选择通用版，不知道有啥区别，反正我的下载下来就是个安装包，解压下来一个绿色的 vscode ，直接打开就能用了，贼快。 vscode：我变绿了，也变强了

安装 Chrome

直接百度，chrome 还是很快的，直接出了 apple 版本的

全部安装好后可以装个vue脚手架，跑个基础项目测一测

总结

前端环境搭建总的来说还是很简单的，如果是在windows也就几分钟吧，新系统不熟悉 node vscode chrome git 这些，折腾了一个大晚上 >-< ...