Vuexms项目文档

1.起步

1.1.前言

这篇文档是跟随腾讯课堂课程：前端教程vuex实现管理系统，给自己写的课堂随笔，仅作记录作用。建议先去vuex官网了解一些基本知识再开始。

本文档可能会出现数据对不上的问题，原因是视频中有不断更改数据，所以后面会对之前的数据库或者页面元素作出调整。然后我自己尝试解决了部分工具版本上的问题，很多地方记录的不详尽，推荐看视频。

主要用到的工具/包有：vue, vuex, npm, nodemon, mysql, element-ui, axios

1.2.初始化项目

1. 打开项目位置文件夹，在地址栏输入cmd打开当前目录的控制台，输入以下代码：

   vue init webpack vuexms
   

   

   控制台显示图

2. 继续在控制台输入指令以安装相关包：

   cd vuexms
   npm i
   

   

   初始完成的文件目录

3. 试着运行我们的初始项目：

   npm run dev
   

   

   显示

控制台表明我们的项目运行在了http://localhost:8080，打开就能看到默认的初始界面。

1.3.个性化

• 打开vuexms\src\App.vue，这是我们项目的路由出口，同时删掉