新入手Mac配置前端环境教程

news/2024/4/20 4:40:56/文章来源:https://blog.csdn.net/weixin_58099903/article/details/127524947

目录

1、安装 Xcode

2、安装 Homebrew

3、安装 Git

4、安装 nvm

利用 nvm 安装 node


跳槽新进入一家公司给新配置的 Mac 电脑

那么我们接下来该如何步入正常的前端开发流程呢 ?

在此稍微记录一下 , 节省时间 ,以防后期再用到 。

1、安装 Xcode ;

2、安装 Homebrew ;

3、安装 Git ;

4、安装 nvm ;

利用 nvm 安装 node 指定版本 ;

参考文献 :

1、

【git】在mac上用brew安装并配置git教程_绝不做九漏鱼的博客-CSDN博客_brew git

2、Mac 系统使用 Homebrew 安装 nvm

https://www.jianshu.com/p/bdbc51fa8ce6

3、

mac系统安装nvm后,nvm命令找不到 - 城市游牧人 - 博客园

4、 

MacOS中brew安装完毕后找不到nvm,zsh: command not found:nvm_qq_4578203的博客-CSDN博客


1、安装 Xcode

在 App Store 里下载 , 此工具会节省你大量时间

( 耐心等待 , 十多个 G 呢 , 估计得下载几个小时 , 实在不行可自行尝试不下载 )


2、安装 Homebrew

学 Git 需要安装 ,留一个自认为最简单的流程 。

参考 :

1、Homebrew 国内如何自动安装( 国内地址 )
Homebrew国内如何自动安装(国内地址)(Mac & Linux) - 知乎
2、Git 官方下载
https://git-scm.com/download/mac
3、小甲鱼 - Git 实用教程 2 :安装 Git
https://fishc.com.cn/thread-71175-1-1.html

参考1、知乎专栏 ,出现问题也可去原网站找原因 。

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

打开 Mac 终端,复制粘贴回车

之后跟着流程走就行 => 下载感觉也挺慢的 , 不要急哦 ~

安装成功后自行检查一下 : brew -v

这里需要按照提示运行一下 :

git config --global --add safe.directory /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core

git config --global --add safe.directory /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask

至此 , brew 就算完全安装成功啦 ~


3、安装 Git

brew install git

在这里插入图片描述

安装成功如下

ps:如果安装过 Xcode 可以试试

sudo apt-get install git

4、安装 nvm

1、nvm 介绍

当我们使用 node 开发网站时 ,可能会同时需要运行多个项目 ,

每个项目所使用的 node 版本又不相同 ,

或者当我们需要学习新的 node 时 ,多个版本之间的切换和维护会变得非常麻烦和棘手 。

nvm 的出现就是为了解决这个问题 。

详细介绍请看  nvm官网

2、安装 nvm

此处选择 Mac 系统自带的 Homebrew 安装 nvm 。
Homebrew 是一款 Mac OS 平台下的软件包管理工具 ,

拥有安装、卸载、更新、查看、搜索等很多实用的功能 。

简单的一条指令 ,就可以实现包管理 ,而不用你关心各种依赖和文件路径的情况 ,

十分方便快捷 。
简单来说 ,Homebrew 提供 Apple 没有预装但你需要的东西 。

详情请见   Homebrew官网

2.1、安装 Homebrew( 如已经安装 Homebrew ,直接进行跳到 2.2 )

检查电脑是否有安装 Homebrew ,打开终端输入 :

brew -v

如果出现版本号 ,则表示已安装 Homebrew ,如果提示 :

-bash: brew: command not found

则表示未安装 Homebrew ,需要先安装 Homebrew 。将以下命令复制到终端执行 :

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

等待完成之后,再次输入: brew -v , 得到版本号 ,表示 Homebrew 安装完成 :

2.2、使用 Homebrew 安装 nvm

如果已经安装 Homebrew ,那么直接在终端输入命令 :

brew install nvm

回车之后即可进行安装,安装成功提示:

==> Summary
🍺 /usr/local/Cellar/nvm/0.33.11: 7 files, 138.6KB, built in 13 seconds

安装成功之后 ,还不能直接使用 nvm 命令 ,需要进行以下配置 ,

将以下命令复制到终端执行 : 

echo "source $(brew --prefix nvm)/nvm.sh" >> .bash_profile

修改之后,需要重新定向来源,复制以下命令并执行:

. ~/.bash_profile

此时在终端输入:

nvm list

即可查看当前电脑中安装的 node 版本 ,如果未曾安装 node ,则显示为空 。
接下来就可以使用 nvm 来安装和管理 node 版本了 。


nvm 常用命令介绍

1. nvm list 是查找本电脑上所有的node版本- nvm list 查看已经安装的版本- nvm list installed 查看已经安装的版本- nvm list available 查看网络可以安装的版本
2. nvm install <version> 安装指定版本node
3. nvm use <version> 切换使用指定的版本node
4. nvm ls 列出所有版本
5. nvm current显示当前版本
6. nvm alias <name> <version> ## 给不同的版本号添加别名
7. nvm unalias <name> ## 删除已定义的别名
8. nvm reinstall-packages <version> ## 在当前版本node环境下,重新全局安装指定版本号的npm包
9. nvm on 打开nodejs控制
10. nvm off 关闭nodejs控制
11. nvm proxy 查看设置与代理
12. nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是 https://nodejs.org/dist/
nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是: https://github.com/npm/npm/archive/.
13. nvm uninstall <version> 卸载制定的版本
14. nvm use [version] [arch] 切换制定的node版本和位数
15. nvm root [path] 设置和查看root路径
16. nvm -v / nvm --version 查看当前的版本

利用 nvm 安装 node

# 最新稳定版本 ( 最新尝鲜版 )
nvm install stable

Node.js 

# 长期维护版本 ( 推荐下载 )
nvm install 16.18.0

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_218439.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

AI视频融合平台EasyCVR视频广场分组列表高亮标识的增加

将EasyCVR视频融合平台与智能分析网关结合使用,可支持前端视频资源的统一接入与汇聚,以及智能分析结果输出、智能告警等,可实现的智能检测与识别功能包括:烟火识别、安全帽识别、口罩佩戴识别、人体检测、人脸识别、车辆识别、车牌识别、电动车检测、区域入侵检测、人体行为…

HTML元素大全(2)-表单

01、<form>表单 <form> 表单是比较重要的HTML元素,块元素,主要作用是向服务端提交数据。结合表单元素input使用,通过内部的button按钮提交(type="submit")表单数据。元素/属性 描述 值/备注<form> 表单元素action 提交表单的目标(服务端)地…

结束后台成百上千个python.exe

1.起因 因为种种原因&#xff0c;python代码写的不规范、IDE配置异常等导致内存激增&#xff0c;查看后发现有成百上千个python.exe在后台运行&#xff0c;连任务管理器打开都成了问题&#xff08;案例发生在windows&#xff0c;linux下仍有参考意义&#xff09;。 2.过…

Baklib产品知识库|为什么说客户体验非常重要?

几十年来&#xff0c;人们一直在寻找使其品牌成功的秘诀&#xff0c;企业和品牌一直想知道如何在竞争中脱颖而出&#xff0c;赢得客户的青睐。 有些企业为了赢得客户的信任&#xff0c;努力抢占市场份额&#xff0c;尽管他们的产品质量和服务与一些知名企业一样好&#xff0c;…

【图文安装教程】在docker中安装ES

在docker中安装ES怎么安装?本文就教大家怎么安装 1.部署单点es 1.1.创建网络 因为我们还需要部署kibana容器,因此需要让es和kibana容器互联。这里先创建一个网络: docker network create es-net 1.2.加载镜像 这里我们采用elasticsearch的7.12.1版本的镜像,这个镜像体积非常…

黑客丛林通关wp

0x01概述 一个集合的CTF闯关游戏,难度从简到难,可以尝试一玩 闯关链接:http://www.fj543.com/hack/ 0x02正文 第一关:输入正确密码就可以,并且提示浏览器端使用脚本进行身份验证就可以直接破解,右键看一下输入密码,显示正确,成功通关 第二关:提示是被脚本阻止了,显然…

企业推进数字化转型零信任是必须?

随着企业数字化转型的深入&#xff0c;各企业的网络结构日趋复杂并且向云转化&#xff0c;以往基于边界的网关型身份和访问控制体系难以应对新型威胁&#xff1b;网络接入模式也更加多元化&#xff0c;移动办公、远程接入、云服务等场景在后疫情时代成为新常态&#xff0c;这大…

五、Zabbix — 监控报警那点事儿

监控告警的分类&#xff1a; 邮件 个人邮箱或者企业邮箱&#xff0c;免费使用企业微信 — 告警应用&#xff08;机器人&#xff09; 需要企业微信&#xff0c;免费使用钉钉告警 阿里云服务&#xff0c;免费使用短信 收费…

【附源码】计算机毕业设计SSM校园快递代取系统

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

设计模式之命令模式(行为型)

1、命令模式定义 命令模式&#xff08;Command&#xff09;&#xff0c;将一个请求封装为一个对象&#xff0c;请求以命令的形式包裹在对象中&#xff0c;传递给调用对象&#xff0c;调用对象寻找可以处理该命令的合适的对象&#xff0c;并将命令传递给相应的对象&#xff0c;该…

creo草绘工程图标注字体大小、加粗设置

刚接触creo&#xff0c;字体又小又细&#xff0c;这的眼睛受不了&#xff01; 在网上找了很久&#xff0c;发现字体设置非常麻烦&#xff0c;我先是调整了字体的大小&#xff0c;但是字体很细&#xff0c;于是只能通过设置字体来改变粗细&#xff0c;实在找不到设置字体加粗的…

jenkins简介

参考链接&#xff1a;jenkins_L向上z的博客-CSDN博客_jenkins Jenkins详细教程_zhishidi的博客-CSDN博客_jenkins jenkins最主要的作用是什么&#xff1f; - 知乎 1.背景   在实际开发中&#xff0c;我们经常要一边开发一边测试&#xff0c;当然这里说的测试并不是程序员对…

golang-gin框架快速入门--推荐

1.设置golangd的配置&#xff1b; go env :命令后&#xff0c;获取安装gin的国内代理&#xff0c;解决访问国外网站下载包慢的问题 1.1.检查golangd的设置 检查上述三个地方的设置&#xff0c;看看是否正确&#xff0c;重点是工modules这个地方设置&#xff0c;查看是否启用了国…

git实用操作:git rebase -i 合并多个 commit

我们开发的过程中&#xff0c;可能会有多次的修补提交&#xff0c;就会出现多条提交记录和备注信息&#xff0c;此时我们可以使用 git rebase -i来合并多个commit&#xff0c;以简化提交记录 1.合并最近的 4 次提交纪录&#xff0c;执行&#xff1a; git rebase -i HEAD~42.自…

今天不想上班

无语 - - 为什么项目迁移了 算了 不需要脑子思考复杂的 反正我干就是了&#xff0c;领了工资干了活&#xff0c;我菜那是我的事。 顺便学习一下好了。 可能我基础不太行吧。 关于我和同事新一起合作写一个项目 老板让我优化代码后老板满意了同事被封装的痛苦了。 现在…

TortoiseSVN下载安装及问题总结

文章目录TortoiseSVN介绍下载安装问题使用首先将客户端与服务器进行连接检出提交TortoiseSVN介绍 TortoiseSVN是一个开源的版本控制系统&#xff0c;也就是说Subversion管理者随着时间而改变的数据。这些数据放置在任何一个中央资料档案库&#xff08;repository&#xff09;中…

中国定制家具行业深度调研及投资前景预测报告

欧派家居VS索菲亚:家具商业的布局史 家具产品的特性决定了家具产业在经济和社会中的重要地位。随着经济的不断发展&#xff0c;家具行业也发展迅速。目前&#xff0c;欧派家居和索菲亚是国内家具行业的龙头企业主。 2.家具企业布局及经营状况: ——家具经营类型:索菲亚、欧派…

Apollo星火计划学习笔记第四讲1——Apollo高精地图模块

Apollo学习笔记零、目录一、高精地图的作用1.1 相对于传统地图二、高精地图介绍2.1 高精地图构成2.2 高精地图制作2.2.1 地图采集2.2.2 地图制作2.2.3 地图标注工具2.2.4 地图保存三、Apollo高精度地图3.1 高精地图目录结构3.2 高精地图格式3.3 Apollo高精地图API接口四、实践案…

【Gateway】统一网关Gateway学习记录

目录 网关能干什么 网关的技术实现 搭建网关服务 网关作用流程图 路由断言工厂&#xff08;Route Predicate Factory&#xff09; gateway中有三种过滤器&#xff1a; 1. 默认过滤器&#xff08;DefaultFiter&#xff09; 2. 路由过滤器&#xff08;GatewayFilter&…

3. Longest Substring Without Repeating Characters (无重复字符的最长子串)滑动窗口

文章目录问题英文中文代码小白的码大佬的码知识点unordered_set 容器具有以下几个特性&#xff1a;总结问题 英文 3. Longest Substring Without Repeating Characters (无重复字符的最长子串) 中文 代码 小白的码 #include <iostream> #include <string> #…