快速搞定用Vue+Webpack搭建前端项目（学习好久了，该写点东西了......）

现在开始安装环境

一.安装node.js

首先要安装node.js,去nodejs官网下载即可，地址：http://nodejs.cn/中文网。

安装完成后，打开终端（windows键+R）搜索cmd,输入命令行node -v 和 npm -v，如果能显示出版本号，就说明安装成功。

二.安装vue-cli

输入命令：npm install -g vue-cli

三.在桌面新建文件夹，并进入文件夹（回顾一下用命令来操作）

四.准备工作做好，开始正式的搭建项目

输入命令：vue init webpack demo 回车

这是你就看到你桌面新建的vue文件夹里边就多了一个demo文件夹

还有一种新建项目的方法vue init webpack-simple demo 回车（这个搭建的项目比较简单，适合我们平时学习用）

五.按照上面的命令进行操作

输入cd demo 回车，再npm install回车,你会发现文件夹中多了一个项目文件夹

启动项目，输入命令：npm run dev

这时候你会发现一个端口为8080的项目就搭建完成了，如果浏览器没有出现那说明8080这个端口已经被占用了，那么需要修改一下配置文件 config>index.js。

在此启动，端口为8088

然后我们可以自己需要找到app.vue文件，进行代码更改

后期我们写的文件都要放到src里边，以.vue为后缀

项目开发完成之后，可以输入 npm run build 来进行打包工作

是不是你也搭建成功了呢，很有意思吧，加油，我们一起深入vue!