快速搭建vue+webpack开发环境

1.安装node.js与npm

首先，你需要安装node.js与npm,如果没有安装，可以去官网安装，node.js官网地址：https://nodejs.org/en/，一般node.js都自带npm。安装完node.js后，在终端输入node -v以及npm -v查看是否安装成功，如果出现版本号，即表示安装成功，如下图：

 2.安装webpack

在终端输入：npm install -g webpack

3.全局安装vue-cli

在终端输入：npm install --global vue-cli 

4.创建一个基于webpack模板的项目

在终端输入：vue init webpack my-project，注意：my-project为文件名，文件名只能小写。

命令执行完后，在my-project文件夹里会有以下文件：

5.安装依赖

进入my- project文件夹，在终端输入cd my- project,然后在终端输入npm install.

6.运行项目

在终端输入 npm run dev 即可运行项目，下图表示运行成功

在浏览器输入http://localhost:8080会出现页面，项目搭建完毕！