前端 - mac 配置vue开发环境

1、修改/etc/hosts 文件，添加homebrew 地址

添加

185.199.108.133 raw.githubusercontent.com

185.199.109.133 raw.githubusercontent.com

185.199.111.133 raw.githubusercontent.com

ps：修改需要输入mac 密码

2、Homebrew安装

安装：

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

卸载：

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

下载完成后，会在终端看到打印 Installation Successful，

在终端输入 brew -v 可以看到当前版本，说明下载安装成功。

ps：等待时间较长，建议梯子，如果安装失败，可以尝试先输入卸载指令清空后再执行安装指令

安装notejs

使用brew安装notejs

brew install nodejs

安装完毕后，执行以下命令查看nodejs的版本

node -v

获取nodejs模块安装目录访问权限

sudo chmod -R 777 /usr/local/lib/node_modules/

npm是随同nodejs一起安装的包管理工具，能解决nodejs代码部署上的很多问题，常见的使用场景有以下几种：

允许用户从NPM服务器下载别人编写的第三方包到本地使用。

允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于可以通过输入“ npm -v”来测试是否成功安装。

npm基本使用：

npm install          # 本地安装

npm install    -g  # 全局安装

npm list –g                  #查看所有全局安装的模块

npm uninstall        # 卸载模块

npm update          # 更新模块

但npm用国外的服务器，速度比较慢，淘宝提供了一个cnpm命令，可以从淘宝镜像下载，淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径。安装淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm用法和npm相同。

3. 安装webpack

cnpm install webpack -g

4. 安装vue脚手架

cnpm install vue-cli -g

5.创建vue项目

到指定目录下，创建vue项目

# 命令格式：vue init webpack 工程名字<工程名字不能用中文>

vue init webpack axf