前端开发环境配置

目录

前言

一、nvm

二、安装node

1.直接在官网下载

2.使用nvm安装

三、安装git

1. 首先我们看一下自己的mac系统是否有git 

2.我们进入git官网

3.安装Homebrew

4.通过Homebrew安装git

5.设置git信息


前言

新入职了公司,配置电脑环境相关流程


一、nvm

参考链接:Mac OS 下 NVM 的安装与使用 - 简书

安装nvm:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

检查安装是否成功:

安装完成后关闭终端,重新打开终端输入 nvm 验证一下是否安装成功,当出现“Node Version Manager”时,说明已安装成功。 

nvm的使用:

  1. nvm ls :查看所有可用版本 以及可以知道目前使用的是哪一个版本
  2. nvm install 版本号 :安装指定版本
  3. nvm install stable :安装稳定版本
  4. nvm install 12.1.x : 安装12.1系列的最新版本
  5. nvm use 版本号:使用某个版本
  6. nvm uninstall 版本号 :删除
  7. nvm alias default v10.24.1 :设置默认版本

二、安装node

1.直接在官网下载

官网地址:Node.js 中文网

2.使用nvm安装

代码如下(示例):

nvm install 版本号 :安装指定版本

nvm install stable :安装稳定版本

三、安装git

1. 首先我们看一下自己的mac系统是否有git 

打开终端输入git --version

2.我们进入git官网

git官网下载界面Git - Downloading Package

3.安装Homebrew

官网地址:Homebrew — The Missing Package Manager for macOS (or Linux)

在终端输入以下命令安装 Homebrew

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

4.通过Homebrew安装git

#通过brew 中的search 可以查询git
brew search git

#通过brew 安装git
brew install git

#通过brew 更新git
brew upgrade git

5.设置git信息

git config --global user.name "git账号"
git config --global user.email "git邮箱"
#通过git config --list来查看配置

  • 12
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在VS Code中配置前端开发环境,需要完成以下步骤: 1. 安装VS Code:首先,你需要下载并安装Visual Studio Code编辑器。你可以从VS Code的官方网站(https://code.visualstudio.com/)下载适合你操作系统的版本,并按照安装向导进行安装。 2. 安装Node.js:前端开发通常需要使用Node.js作为运行环境。你可以从Node.js的官方网站(https://nodejs.org/)下载适合你操作系统的版本,并按照安装向导进行安装。安装完成后,可以在命令行中输入`node -v`和`npm -v`来验证Node.js和npm(Node.js的包管理器)是否成功安装。 3. 安装插件:打开VS Code,点击左侧的扩展图标(或使用快捷键`Ctrl+Shift+X`),搜索并安装以下常用插件: - HTML CSS Support:提供HTML和CSS代码智能提示和自动完成功能。 - JavaScript (ES6) code snippets:提供常用JavaScript代码片段的快捷输入。 - Prettier - Code formatter:用于格式化代码,保持统一的代码风格。 - Live Server:提供一个本地开发服务器,支持实时预览和自动刷新。 4. 创建项目:在VS Code中,打开一个文件夹作为你的项目根目录。可以通过点击左上角的“文件”菜单,选择“打开文件夹”,然后选择你的项目文件夹。 5. 编写代码:在项目文件夹中创建HTML、CSS和JavaScript文件,并在VS Code中编写你的前端代码。 6. 运行代码:使用Live Server插件,在VS Code中右键点击HTML文件,选择“Open with Live Server”来启动本地开发服务器,并在浏览器中实时预览你的网页。 这样,你就完成了在VS Code中配置前端开发环境的步骤。希望对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值