mac搭建vue环境超详细教程
之前自己主要是做后端的工作,前端只用过jquery、jsp。最近公司有一个新项目,我决定使用前后端分离的架构,在vue、react、angular中选择了vue。公司的win环境已经搭建好了,自己的mac也准备搭建环境,如下图。
- 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
- node.js
安装了brew之后,安装node.js就比较简单了。
brew install nodejs
安装完成后
node-v
获取nodejs模块安装目录访问权限
sudo chmod -R 777 /usr/local/lib/node_modules/
查看npm版本
npm -v
- webpack
npm install webpack -g
- vue-cli
npm install vue-cli -g
环境搭建就完成了,之后推荐去找一个vue+element的项目来熟悉vue。