Webpack + vue 环境搭建比 react 环境搭建简单很多，直接使用官方推荐的脚手架 vue-cli。

和其他一样环境搭建一样依赖 node 和 npm。

1. 安装 vue-cli

1

npm install -g vue-cli

可以输入 vue -V 查看安装成功后的版本

2. 安装 webpack 模板项目

安装完成之后可以输入 vue list 查看 vue 可以使用的模板：

我们就可以选择 webpack 模板，执行以下指令：

1

$ vue init webpack webpack-vue

这个和 npm init 初始化项目差不多，可以输入项目名字和版本等。

3. 启动

1
2

$ cd webpack-vue
$ npm run dev

输入 localhost:8080 查看结果。