前端常用环境安装

1.nodejs

wget https://nodejs.org/dist/latest-v16.x/node-v16.20.2-linux-x64.tar.gz
tar -zxvf node-v16.20.2-linux-x64.tar.gz

解压好之后移动位置并且配置环境变量

# 移动位置
mv node-v16.20.2-linux-x64 /usr/local/

# 配置环境变量并刷新
vim /etc/profile
source /etc/profile

# 使用软链接的方式全局使用,类似于windows的快捷方式,并没有真正的配置到环境变量中。
ln -s /usr/local/node-v16.20.2-linux-x64/bin/node /usr/bin/
ln -s /usr/local/node-v16.20.2-linux-x64/bin/npm /usr/bin/

原文参考:CentOS7 安装nodejs,redis,nginx-优快云博客

2.yarn

使用脚本安装

可以通过执行 Yarn 官方提供的安装脚本来完成安装。这种方式会自动下载并配置 Yarn。

bash

# 下载并执行安装脚本
curl -o- -L https://yarnpkg.com/install.sh | bash

执行该命令后,脚本会自动下载并安装 Yarn 到你的系统中。安装完成后,需要重新加载环境变量,使 yarn 命令生效:

bash

source ~/.bashrc
Mac系统上安装前端开发环境通常涉及几个关键步骤,包括设置Web浏览器、选择一款文本编辑器和安装必要的开发工具包。以下是基本的安装流程: 1. **安装Web浏览器**:大多数开发者会首选Safari作为默认浏览器,但Chrome或Firefox也是常用的选择。你可以直接从它们的官方网站下载并安装。 2. **文本编辑器或IDE**: - **Visual Studio Code (VSCode)**:这是一个流行的开源编辑器,功能强大且支持多种语言插件,非常适合前端开发。可以在其官网下载安装。 - **Sublime Text** 或 **Atom**:这两个也是备选方案,各有特色。 3. **Node.js**:前端开发离不开Node.js,它是JavaScript运行在服务器端的环境。通过访问nodejs.org网站,下载适用于macOS的安装安装。 4. **Git**:版本控制系统,用于协同工作和项目管理。在Homebrew(macOS的包管理器)中输入`brew install git`进行安装。 5. **安装相关开发工具**: - **Webpack**:模块打包工具,对前端项目构建很有帮助。 - **Babel**:用于处理ES6+语法到兼容旧浏览器的转码。 - **PostCSS** 和 **CSS预处理器如Sass或Less**:扩展CSS的功能。 - **npm或Yarn**:Node Package Manager,用于管理和安装依赖库。 完成以上步骤后,你就可以开始在Mac上编写、测试和部署前端项目了。如果你需要特定的框架(如React、Vue等),记得查看其官方文档获取额外的配置指导。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值