需要安装的软件
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