mac搭建vue环境超详细教程

mac搭建vue环境超详细教程

之前自己主要是做后端的工作，前端只用过jquery、jsp。最近公司有一个新项目，我决定使用前后端分离的架构，在vue、react、angular中选择了vue。公司的win环境已经搭建好了，自己的mac也准备搭建环境，如下图。

1. brew

终端中输入下列命令

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

这是我最先尝试的办法，会报错，你们可以自己试试。后面发现知乎上有个方法比较简单。链接如下：
Homebrew国内如何自动安装（国内地址）
终端输入：

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

然后我选的1，中科大资源。
安装好了之后看下版本

brew -v

2. node.js

安装了brew之后，安装node.js就比较简单了。

brew install nodejs

安装完成后

node-v

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

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

查看npm版本

npm -v

3. webpack

npm install webpack -g

4. vue-cli

npm install vue-cli -g

环境搭建就完成了，之后推荐去找一个vue+element的项目来熟悉vue。