vue+php+elementui+axios个人博客项目地址:https://github.com/LeeToug/thinkphp-vue
通过上一篇文章的学习，我们已经搭建了一个vue项目的框架，
接着上次的命令(我创建的项目名是 ‘myvue')
cd muvue
先来说一下各文件的用处：
- build 文件夹: 里面是对 webpack 开发和打包的相关设置，包括入口文件、输出文件、使用的模块等；
- config 文件夹: 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。
- node_modules: 项目的依赖库；
- src 文件夹： 我们主要操作的地方，组件的增加修改等都在这个文件夹里操作，下文会有详细介绍；
- static 文件夹: 静态资源文件夹，放置不会变动的资源，直接被复制到最终的打包目录（默认是dist/static）下；
- index.html: 首页文件，项目运行的时候，会自动将我们在 src 文件夹里生成的组件插入这个文件里；
- LICENSE: 项目声明的 license；
- package-lock.json: 当 node_modules 或 package.json 发生变化时自动生成的文件。这个文件主要功能是确定当前安装的包的依赖，以便后续重新安装的时候生成相同的依赖，而忽略项目开发过程中有些依赖已经发生的更新；
- package.json: 指定项目开发和生成环境中需要使用的依赖库；
- README.md: 相当于是一个备注文件，对项目开发过程中需要注意的地方进行一些说明。
安装依赖
npm instll
启动项目
npm run dev
出现如下界面：
我们在浏览器中打开最后一行的 http://localhost:8081。注意：是你自己窗口中最后一行的地址。
此时已经完成基本的项目创建了。
接下来打开项目中的src文件夹，上面我们说过，这里是我们主要操作的地方。看一下目录结构：
assets：资源目录，放置一些图片或者公共js、公共css。这里的资源会被webpack构建；
components：组件目录，我们写的组件就放在这个目录里面；
router：前端路由，我们需要配置的路由路径写在index.js里面；
App.vue：根组件；
main.js：入口js文件；
好了，现在可以开始你自己得项目了。有需要学习的朋友这个提供了一个简单的例子，使用thinkphp+vue+elementui+axios做的一个个人博客网站。
git地址:https://github.com/LeeToug/thinkphp-vue
下一篇文章我会将该项目在做一个简单的解说。