MacBook Pro m1 搭建前端开发环境
BombCowpat 发布于 2 月 10 日
笔者购买于 2021.2月8号，由于 m1 芯片兼容性目前不太好，本文参考效益仅限于近期，没准以后就各种更新不兼容了。可能很多人看都不看文章中的说明，就照着抄指令一顿往终端输入了，最后没装好还掉了一大把头发，所以文章中很多地方只是给了一个大概的思路，希望大家还是多多思考，多看几个人的博客，想想为什么这么做，多分享下经验。还有安装过程中很多地方都需要使用大家看欧美动作大片的渠道，不然，几个g的东西，你就等吧，吐槽一下微软，现在vscode 下载都变得贼慢了。。。。
安装 brew
参考的这位大佬的 https://www.cnblogs.com/hyh12... ，对他的文章中我的做法做一些说明：
安装好brew之后配置环境变量，因为是第一次使用苹果系统，所以 .zshrc 这个文件我找了好久没有找到，后面经过验证就是用户目录下，通过 cd ~ 进入即可，默认刚买来没有这个配置文件，所以可以自己通过指令新建一个 然后 使用 vim 修改文件写入环境变量即可 最后一步安装 wegt 没有照做，我不需要这玩意儿安装 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 这些，折腾了一个大晚上 >-< ...
BombCowpat
野生技术学家
BombCowpat
野生技术学家
宣传栏
目录
笔者购买于 2021.2月8号，由于 m1 芯片兼容性目前不太好，本文参考效益仅限于近期，没准以后就各种更新不兼容了。可能很多人看都不看文章中的说明，就照着抄指令一顿往终端输入了，最后没装好还掉了一大把头发，所以文章中很多地方只是给了一个大概的思路，希望大家还是多多思考，多看几个人的博客，想想为什么这么做，多分享下经验。还有安装过程中很多地方都需要使用大家看欧美动作大片的渠道，不然，几个g的东西，你就等吧，吐槽一下微软，现在vscode 下载都变得贼慢了。。。。
安装 brew
参考的这位大佬的 https://www.cnblogs.com/hyh12... ，对他的文章中我的做法做一些说明：
安装好brew之后配置环境变量，因为是第一次使用苹果系统，所以 .zshrc 这个文件我找了好久没有找到，后面经过验证就是用户目录下，通过 cd ~ 进入即可，默认刚买来没有这个配置文件，所以可以自己通过指令新建一个 然后 使用 vim 修改文件写入环境变量即可 最后一步安装 wegt 没有照做，我不需要这玩意儿安装 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 这些，折腾了一个大晚上 >-< ...
