Ⅰ M1芯片Mac搭建前端开发环境
M1芯片出来了有一段时间了，各类软件的兼容性已经跟进的差不多了，迫于 M1 实在太香，我的 M1 Macbook 也于本周到达了我的手上。在花费了两三个小时搭建完开发环境后，立马用它开始干活了。这几天的感受只有寥寥一语可以概括：太 TM 香了！太强了
作为一个前端开发者，我可以负责任的说前端开发的场景 M1 已经可以完全覆盖，并且体验非常好。目前我依赖的开发环境，并且已经跑在 M1 Mac 上的如下：适配 m1 的 Vscode Insiders 版本 + Node v15(on arm) + Node v14 (on intel) + Nvm + Cocoapods + Xcode + Flutter。可以看到，大前端这一套是完全能够覆盖的。
我在 github 的 issue 中经常看到有关于 m1 安装环境的问题，为了帮助不愿意翻 issue 的开发者，遂决定写下这篇文章记录前端环境的搭建问题。
我会从以下几个步骤来记录：
Xcode 是苹果开发者工具，是一个功能非常强大的 IDE，可以用来开发苹果应用，并且自带了 git 环境, 并且有咱们后续依赖的 Xcode Command line tool , 先进入 app store 中安装 Xcode。安装好之后再进入后续步骤
如果你是一个 mac 老用户，那自然不用我介绍什么是 Homebrew 。若是你是一个新用户，那么请你一定要安装 Homebrew ，并使用它来管理 Mac 中的各类环境依赖。通过👇的命令即可安装 Homebrew
在终端中执行如下命令安装 Homebrew，安装 Homebrew 的时候，常常会因为网络问题导致安装失败,这个问题只能依赖大家自行解决科学上网了。
Nvm 是一个管理 Node 版本的工具，当项目多了以后，总会碰到需要切换 Node 环境的时候，所以推荐大家使桥含用 Nvm 来安装 Node。
若是你已经按上述步骤安装好了 Homebrew，那么你可以直接通过 Homebrew 的命令轻松安装 Nvm
若是你不想使用 Homebrew 管理依赖，那么用 👇 的 curl 直接安装 Nvm 也是可以的
安装好 nvm 后，需要将环境变量写入我们的 shell 配置文件中。
如果你的默认 shell 的 zsh，那么将环境变量命令复制进 .zshrc :
如果不使用 zsh，那么将环境变量复制进 bash 中，通过如下命令创档备建 bash_profile，并且编辑 bash_profile。
最后将以下环境变量脚本 进 shell 配置文件中：
至此 Nvm 已经安装好，可以尝试在命令行中输入 nvm，你可以看到 nvm 已经正常工作了。
接下来我们通过 nvm 来安装 Node，我们先安装适配了 M1 的 node 版本。
该命令运行完后，会执行很久，编译 node ，大家耐心等就好了，大概需要 5-10 分钟，就会提示安装成功。再提醒一句，报任何错误，首先先检查是不是网络问题，例如 443 、 connect timeout 等，如果是网络问题，建议科学上网。
安装 Node 的部分写的很简单，因为按这个步骤，一般不会出问题。而当你用 nvm 尝试去安装 v14 及以下的 Node 版本时，大概率会报错，而我们在工行消毁作中恰恰又可能依赖 v14 及以下的 lts 版本。那么为什么会报错呢？究其原因还是因为低版本的 node 并不是基于 arm64 架构的，所以不适配 M1 芯片。在这里教大家两个方法，就能成功安装上低版本 Node。
在终端中，输入：
通过这个命令可以让 shell 运行在Rosetta2下。
之后你可以通过 nvm install v12 来安装低版本 Node。
在此之后，您可以不用在 Rosetta2 中就可以使用安装的可执行文件，也就是说，您可以将 Node v15与其他节点版本互换使用。
方法二就是通过 Rosetta2 来启动终端，这样通过 Rosetta2 转译到 x86 架构中执行安装，也一样可以安装成功。
至此，我们的 M1 就已经完成了 git + 各版本 Node + npm 的搭建，完成这部分工作后，前端项目已经可以正常运行，各位买了 M1 Mac 的前端小伙伴又能愉快的干活了。希望本文能够帮助被 M1 的开发环境困扰过的您。
Ⅱ 苹果电脑开机启动项怎么设置 MacBook开机启动项
苹果电脑开机启段腊厅动项需要在系统局大偏好设置里操作，步骤如下：
1.点击桌面上的齿轮图标，打开系统偏好设置面板。
Ⅲ 苹果电脑开机启动项怎么设置 MacBook开机启动项
材料/工具：Mac 电脑
1、打开电脑先在 Mac 电脑中打开“偏好设置”应用按钮
Ⅳ Mac如何查看系统启动项目
打开访达，点击最顶部菜单栏的“前往”-“前往文件夹”;或者在访达图标右击，选择“前往文件夹”。接着输入“/private/var/folders”。
然后在弹出的访达窗口搜索栏输入:com.apple.dock.launchpad，搜索范围选择“folders”。
接着进入“com.apple.dock.launchpad” 文件夹里，可以看到 “db”。
此时请打开 “终端”或者“iTerm”，输入:“cd ”，再加一个空格，空格后面是 “db” 目录的路径。
目录的路径查看，可以打开“db”目录，然后按下快捷芹携扰键“Command + i”，在弹出的窗口里有个“位置”内容，选中复制下。输入“cd 位置”，回车。
最后就是关键的一步，接着在“终端”输入删除遗留产物的命令行:sqlite3 db "delete from apps where title='appName';"&&killall Dock。
把"appName"替换为你的启动台程序名字即可，注意要区分大小写和空格。然后按下“回车”即可。
硬件介绍
芯片
Mac采用的Power PC芯片是RISC(精简指令集)芯片，而PC机采用的多嫌旦为CISC(复杂指令集)芯片。Power PC是通过多管线操控配合超标量指令集来运行的，而CISC芯片则是采用单线程方式来运行的。
2020年6月23日凌晨，WWDC上苹果公布使用两年时间将Mac过渡到自主研发的Apple芯片。
系统
Mac的操作系统是隐宴macOS，这个基于Darwin的核心系统增强了系统的稳定性、性能以及响应能力。它能通过对称多处理技术充分发挥双处理器的优势，提供无与伦比的2D、3D和多媒体图形性能以及广泛的字体支持和集成的PDA功能。
OS X通过Classic环境几乎可以支持所有的Mac OS 9应用程序，直观的Aqua用户界面使Macintosh的易用性又达到了一个全新的水平。
Ⅳ 如何使用 Mac OS X 进行前端开发
学习web前端以后应该是可以做Web前端开发工程师的，Web前端开发工程师主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。
第一：在如今这个前端的市场下，你如果太过于着急找工作而去学习，你一定找不到，有一个很简单的道理，任何东西求快没有用，首先你要会，学的成了半吊子，看点视频就去找工作，没人接收。
第二：如果没有一套系统的学习路线和方案，这看看，那里看看，依旧学了之后还是浪费时间，根据我的学习经历来看，任何人学习任何东西，需要一气呵成，在这段时间内，学习什么就一刻都不能松懈，今天看点视频，明天有事，不看了，这样没啥意义。
第三：在如今这个IT市场，不建议任何人去线下培训四个月，就目前来看四个月的时间培训出来的新手，大多数都很难找工作，而且依赖老师和环境很严重，在塑造工作经验这块不太成功，导致四个月培训后，会逐渐的忘记之前学的东西，形成脱节的情况。
第四：如果你在学习中没有很多的代码量的话，不多去做案例的话，我个人觉得学了跟没学一样，第二次你见到它可能还是不认识它。最好是有个问的人，一个外行想通过自学前端开发区找工作，太难了，尤其是在这个行情中。现在工作竞争激烈多学点没坏处，可以去这个球裙免费学习交流，前三位是：四六四 中间三位是：二四五，最后三位是：三零七，机会只留给有准备的人。
前端的学习路线：
1、HTML+CSS的静态布局，我好想没有见过几个人学不会这个，很简单，主要差别在于同一个页面，每个人用的时间不同而已，熟练就好。
2. JavaScript的学习，不用说想必大家应该清楚JavaScript的重要性，前端的重中之重，没有之一，JavaScript似乎学太明白的人很少，这个跟锻炼思维逻辑有关系。有人说在网上粘贴复制就可以了，会不会是一回事，永远的粘贴复制，永远都不会。
3. jQuery的学习，其实jQuery要容易一些，不过不要认为有了jQuery就忽略了JavaScript，大型互联网公司都是直接用JavaScript写的，这样的安全性要更加的高。看这个人对自己的标准是怎么样的。
4. HTML5+CSS3 的学习，不要认为HTML5只是添加了一些标签而已，如果有兴趣可以去网络看看HTML5的强大之处，很多的特效用CSS3都可以做。
5. Bootstrap框架的学习，这个框架应该每个东西都会用，难度不大，必须掌握。
6. Node.js – react – angular.js—backbone 其实这些东西如果你JavaScript理解的一般，学起来会困难一些，不过前端框架更新的还算很快。
Ⅵ Mac上知名的Web前端开发工具
CodeKit是一款 Mac上知名的Web前端开发工具，因为功能强大被誉为前端开发“神器”，支持最流行的框架技术，如支持Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript 等语言的编译，具有浏览器自动刷新、各种前端开发框架自动安装 (Bootstrap, jQuery）等等功能，尤其是对最新技术的支持相当不错，可谓前端开发利器！CodeKit为JavaScript 提供合并、压缩以及错误检查，优化 jpeg 和 png 格式的图片。CodeKit所有功能是基于 Project， 因此你必须先创建一个 Project，按 + 选择你的项目目录，或者直接拖拽进来。
CodeKit自动编译您在教程中阅读的所有那些令人敬畏的语言。即用编译Sass，Less，Stylus，CSS，CoffeeScript，Pug，Slim，Haml，TypeScript，JavaScript，ES6，Markdown，JSON，SVG，PNG，GIF和JPEG。
简单配置想要压缩CSS吗？只需选中一个方框。需要转换JavaScript吗？选中一个方框。每个工具的选项都以美观，干净的UI提供。没有更多的黑客构建脚本。
出血边缘工具供应商前缀的自动修复程序。Babel.js用于下一代JavaScript。Libsass用于更快的Sass编译。最好的工作流程就是内置的。
添加任何语言使用非内置的东西？轻松告诉CodeKit如何在UI中处理任何类型的文件。不需要愚蠢的配置文件或插件。