我的毕业设计前端技术栈

后端使用的springboot。 前端我使用的是 Vue  之前也没怎么写过前端。这个前端写的我是相当爽啊。各种奇葩问题我都遇到过、至于学习的方式。我是看官网的一些文档学的。由于没怎么做过前端。一些细节我也解释不清楚。

一.使用到的模块

使用到了 webpack  element-ui  vue-router  vue-resource  vue-awesome-swiper   sessionStorage

二.安装和初始化

由于之前简单使用过node 所以我的Vue是直接用vue-cli来进行的。 node怎么安装就不写了、

我用的windows. node安装可以查看这篇博客：https://www.cnblogs.com/zhouyu2017/p/6485265.html

配置淘宝镜像：npm config set registry https://registry.npm.taobao.org

npm ls -g --depth 0   查看当前node 全局安装了什么模块。 去掉-g是查看当前项目安装啥模块了。

关于node的命令什么的就不做介绍了。下面说下vue

npm install webpack -g    把文件打包成浏览器能识别的文件。  安装后使用npm run dev就可以起项目了。

npm install vue-cli -g     

vue init webpack-simple 工程名字 创建一个vue模板的项目。 npm install  下载modules 

npm install  vue-router vue-resource --save  安装vue 路由和网络请求模块。并添加到package.json中。

在package.json同级目录使用 npm run dev 启动项目

三.模块

下面我附加一下我的main.js文件内容。也算是配置文件的内容。  标红的是element-ui 由于在main.js中引入的，在哪都能用。

import Vue from 'vue'
import App from './App.vue'
import VueRouter from "vue-router";
import VueResource from 'vue-resource';
import Element from 'element-ui';
import Vuex from 'vuex'
import 'element-ui/lib/theme-chalk/index.css';
import 'swiper/dist/css/swiper.css'
//（