Vue2.0从环境搭建开始
MacBook环境搭建
Vue2.0 推荐开发环境
- Homebrew
- Node.js
- npm
- webpack
- vue-cli
安装brew
1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
1
2
3
➜ ~ brew -v
Homebrew >1.1.0 (no git repository)
Homebrew/homebrew-core (no git repository)
安装nodejs
1
brew install nodejs
安装npm
1
npm install npm
1
2
➜ ~ npm -v
3.10.3
获取nodejs模块安装目录访问权限
1
sudo chmod -R 777 /usr/local/lib/node_modules/
安装淘宝镜像
1
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装webpack
1
cnpm install webpack -g
安装vue脚手架
1
npm install vue-cli -g
创建项目
1
2
mkdir vue
cd vue
初始化项目
1
2
vue init webpack-simple vue-test
cd vue-test
安装项目依赖
1
npm install
安装vue路由模块和网络请求模块
1
cnpm install vue-router vue-resource
启动项目
1
2
3
4
5
6
7
8
9
➜ vue-test npm run dev
> vue-test@1.0.0 dev /Users/huangjie/vue/vue-test
> cross-env NODE_ENV=development webpack-dev-server --open --inline --hot
keywords if/then/else require v5 option
Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html
项目启动成功后，可以看到首页
