MAC下搭建vue element

需要安装的软件

	Homebrew   Node.js  npm  webpack  vue-cli   element

步骤

1.安装homebrew

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

输入brew -v查询brew的版本信息 我的是2.6.2

2.使用homebrew安装node.js

brew install node

终端输入node -v 查询版本信息
3.获取nodejs模块安装目录访问权限

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

4.安装全局的webpack

npm install webpack -g

5.安装vue脚手架vue-cli

npm install vue-cli -g

6.找一个合适的位置存放你的vue工程

cd 目录路径  注：目录路径直接把创建好的文件夹拖拽到终端里就可以

7.创建项目

vue init webpack-simple 项目名   如：vue init webpack-simple demo

注：项目名不可以使用中文，也不能使用大写字母

8.将根目录切换到项目

cd 项目名  如：cd  demo

9.安装项目依赖

npm install

10.安装 vue 路由模块vue-router和网络请求模块vue-resource

npm install vue-router vue-resource --save

11.安装element

npm install element-ui -S  

12.启动项目

npm run dev