整合springboot+vue.js--安装vue.js

业余时间想整理一个基于springboot2.x+mybatis+redis（二级缓存）+vue.js的小系统，随着工作经验的增加慢慢去完善它
废话不多说，安排一个node.js，回归最老版的命令行编码！

vue.js是什么？为什么要使用它？
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合，是近期最热门的前端框架之一，使用频率高，多接触和使用一些框架有助于自己发展。
安装vue.js的途径

1. 直接下载vue.js
进入vue.js官网去下载，在页面直接用< script >标签引用

2. 使用CDN方法
跟1方法类似 用< script >标签去引用路径
地址如下:

• BootCDN（国内） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js
• unpkg：https://unpkg.com/vue/dist/vue.js
• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

3.Npm（安装node.js）
安装步骤：
①：安装node.js
②：安装Npm
③：依赖cnpm(国内Npm的镜像,速度快)
④：vue-cli(安装脚手架构建工具)

1）：进入node.js的官网去下载稳定版本的node.js（特定版本可在其他版本找）

安装过程及其简单，一直下一步就行了，安装好后。
打开命令行(windows环境下组合件win+R)，输入node -v 查看node.js的版本，出现版本号则证明安装成功，如图所示：

2）安装npm：由于现在node.js安装文件再带npm安装，所以无需重新安装,只需要打开命令行输入npm -v,出现版本号即成功

3）安装cnpm：在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org ，稍微等待一会，显示安装成功
4）安装vue-cli ：在命令行中运行命令 cnpm install -g vue-cli ，然后等待安装完成。
初始化项目：打开命令行 输入cd vue项目安放路径(cd /d d:\Vue)

然后继续输入命令vue init webpack vue 。这个webpack是一个基底，整个项目依托于webpack，vue则是项目的文件夹名称，命令执行完，当前路径下回生成整个项目的文件夹。
打开路径，介绍一下目录及其作用：

build：最终发布的代码的存放位置。
config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。
node_modules：npm 加载的项目依赖模块。
src：这里是我们开发的主要目录，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：
assets:放置一些图片，如logo等
components:目录里放的是一个组件文件，可以不用。
App.vue：项目入口文件，我们也可以将组件写这里，而不使用components目录。
main.js ：项目的核心文件
static：静态资源目录，如图片、字体等。
test：初始测试目录，可删除
XXXX文件：配置文件。
index.html：首页入口文件，可以添加一些meta信息或者同统计代码啥的。
package.json：项目配置文件。

最后依赖一下cnpm：命令行执行 cnpm install

这样项目就搭建好了。

在命令行输入 npm run dev 会启动我们项目，同时也是热部署(修改代码后无需刷新就可以看到效果)。