vue-cli环境搭建配置

最近在学习vue.js，在网上看了vue-cli的各种搭建教程，在此记录和总结下。

我使用的是git+webpack+node来搭建vue-cli的框架，

首先下载node.js，下载地址是https://nodejs.org/en/download/，选择合适自己系统的版本下载。

下载后，逐步安装，一路next。，安装完成后，node --version可以看出安装的node版本，如果出错，检查path。

其实可以不用安装git，可以直接使用npm各种安装，但是习惯还是在git中进行操作。下载githttps://git-scm.com/download/win。下载后也是一路next安装。

第一步：安装webpack

使用npm安装，安装命令npm install webpack，安装过程比较慢，受不了或者网络有问题的可以用淘宝镜像cnpm。安装完成后输入webpack -v可以查询webpack的版本：

第二部：安装全局vue-cli：

输入命令npm install vue-cli -g，安装完成后，初始化vue项目，切换到需要安装项目的文件夹，输入vue init webpack 你的项目名称，有的时候会让你安装eslint，这个个人建议不要安装。

安装完后，会提示接下来的三个操作：1、cd 你的项目文件夹 2、npm install 3、npm run dev  按照三步操作就行了。完成之后打开http://localhost:8080/，就可以看到页面了