Bootstrap

Mac 前端环境安装流程

1.安装Homebrew

从官网打开:macOS(或 Linux)缺失的软件包的管理器 — Homebrew

省流版:

将以下命令复制到终端运行。

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

记得安装完成之后按照提示配置环境。

输入以下命令来查看是否安装成功。

brew -h

2.使用nvm来安装node

// 安装nvm
brew install nvm

// 查看nvm版本
nvm -v

// 进入配置nvm源
vim ~/.zshrc

// 文件内配置nvm源
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node
export NVM_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs

// 保存后运行
source ~/.zshrc

// nvm指令
nvm ls-remote

// 下载
nvm install <node-version>

// 切换
nvm use <node-version>

// 指定默认版本
nvm alias default <node-version>

3.安装Git

// 使用homebrew安装git
brew install git

// 查询git版本是否安装成功
git -v

// 配置账户
git config --global user.name "用户名"

git config --global user.email "邮箱"

// 生成密钥
ssh-keygen -t rsa -C "邮箱" // 如不想每次git操作都需要输入密码可选择enter三次完成创建。

// 复制密钥
pbcopy < ~/.ssh/id_rsa.pub

4.安装Nginx

nginx配置文件在/opt/homebrew/nginx/servers

// 安装nginx
brew install nginx

// 启动nginx
brew services start nginx

// 重启nginx
brew services restart nginx

// 测试nginx配置
nginx -t

// 重载nginx配置
nginx -s reload

5.安装vue 

// 安装vue

npm i -g @vue/cli

 6.安装vscode

// 安装vscode
brew install visual-studioc-code

7.安装cnpm

// 安装cnpm 需获得权限,输入密码
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

 

;