Vue + webpack 环境搭建

初次接触前端，想给自己写的一个小东西添加一个好看的web页面，学习一下vue，记录一下vue的环境搭建步骤。

vue-cli的搭建步骤

首先确认电脑上安装了node.js，可以使用npm包管理工具：

$ node -v
v8.11.3
$ npm -v
5.6.0

使用npm install -g vue-cli命令全局安装vue-cli：

权限不够

我这里显示权限不够，使用管理员权限安装：

管理员权限安装

初始化环境：

初始化环境

完成以上步骤后目录结构：

目录结构

进入目标文件夹，启动项目：

$ cd yourProject
$ npm run dev

打开浏览器 http://localhost:8080就可以看到：

环境配置完毕