转载：石小明https://juejin.im/post/5dd3df0f5188253dbe5ef23a#comment

使用的技术栈

Vue：Vue、Vue-router、Vuex、Vue-cli

插件：vue-awesome-swiper、better-scroll、axios

CSS的预处理框架：stylus

api：后台数据接口

项目目录

README.md //项目的说明文件

package.json //第三方依赖包配置

package-lock.json //帮助我们去确定安装的第三方依赖包的具体的版本，保持团队编程的统一

LICENSE //开源协议的说明

index.html //项目默认的首页

.postcssrc.js //是对postcss的配置项

.gitgnore //不需要上传到git上的文件管理

.eslintrc.js //对代码进行检验，是否标准

.eslintignore //配置不需要eslintrc检测工具检测的文件

.editorconfig //配置编辑器总风格统一的自动化格式的语法

.babelrc//做一些语法的转换，编译成浏览器所能识别的代码

static//目录下放的是一些静态资源，静态图片，静态数据，和后续模拟json数据

node_modules//项目中需要用到的第三方node包

src//放的是项目的源代码

src/main.js //整个项目的入口文件

src/app.vue//整个项目最原始的根组件

src/router/index.js//项目的路由放置位置

src/components//项目里要用的一些小组件

src/assets//项目中需要用到的图片

config//放置项目配置文件

config/index.js//放基础配置

config/dev.env.js//开发环境配置信息

config/prod.env.js//线上环境配置信息

build//放置项目打包的webpack配置信息，vue-cli会自动构建

build/webpack.base.conf.js//基础的webpack配置信息

build/webpack.dev.conf.js//开发环境的webpack配置信息

build/webpack.prod.conf.js//线上环境的webpack配置项

效果图

慕课网：https://coding.imooc.com/class/chapter/203.html

源代码：https://github.com/shifengming/Tranvel

閱讀更多 代碼開發 的文章

關鍵字: 路由器 石小明 抖动临安红