vue-demo

1、下载nodejs安装包 http://nodejs.cn/download/ 2、傻瓜式安装 3、在nodejs安装目录创建两个文件夹 D:\software\nodejs\node_cache D:\software\nodejs\node_global 4、设置缓存文件夹 npm config set cache "D:\software\nodejs\node_cache" 5、设置全局模块存放路径 npm config set prefix "D:\software\nodejs\node_global" 6、基于 Node.js 安装cnpm（淘宝镜像） npm install -g cnpm --registry=https://registry.npm.taobao.org 7、设置系统环境变量 path 属性增加 --> D:\software\nodejs\node_global 新增NODE_PATH D:\software\nodejs\node_modules 8、安装webpack #全局安装 npm install -g webpack #安装到你的项目目录 npm install --save-dev webpack #打包命令，main.js是入口文件，build.js是指定打包后生成的文件名称 webpack main.js build.js

序 本文主要研究一下如何在springboot工程整合vue maven <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> 新建springboot的web工程，默认会在resources目录下生成static以及templates文件夹 templates文件用于存放后端渲染的模板，这里我们采用前后端分离的方式，因而该文件夹就没有用了 static文件夹就是存放静态文件的地方 plugin <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> <!-- mvn process-resources --> <plugin> <artifactId>maven-resources-plugin</artifactId> <executions> <execution> <id>copy Vue.js frontend content</id> <phase>generate-resources