nodejs+vue.js+webpack

前端： nodejs+vue.js+webpack

后台：ssb(Spring+SpringMVC + mybatis-plus)

开发工具：idea

一、前提

1、安装nodejs

2、安装完nodejs后，借助于node里面的npm（nodejs包管理工具）安装依赖。

3、安装vue脚手架vue-cli: npm install vue-cli -g

安装完npm镜像后，开始安装全局vue-cli脚手架。

之所以要用vue-cli，是应为这个工具能帮我们搭建好我们需要的模板框架，比较简单。

验证是否安装成功，在命令行中输入vue，出来vue的信息说明安装成功

二、构建项目

1、使用vue-cli初始化项目

vue init webpack-simple（或webpack） my-project-name

2、进到项目目录

cd my-project-name

3、安装项目依赖

npm install (根据package.json的配置来安装，安装完成后会生成一个node_modules的目录)

安装 vue 路由模块 vue-router 和网络请求模块 vue-resource：cnpm install vue-router vue-resource --save

运行：npm run dev （即可打开默认浏览器，启动项目：http://localhost:8080/, 在git里退出，采用ctr+c）

打包：npm run build

4、npm和nodejs（需安装）

npm的全称是nodejs包管理，nodejs是js运行在服务器端的平台。

5、Vue.js

　　Vue.js是一个MVVM(Model-View-ViewModel)模式的框架。和MVC模式一样，主要目的是分离视图（View）和模型（Model)

　　Vue提供了webpack的loader —-> [vue-loader]

4、webpack -- 打包