run
- git clone
- yarn
- copy & rename
.env.example.js=>.env.js - npm run dev
- open localhost:3000
dir
├── build（webpack 打包文件）
├── src （所有的资源都在 src 目录下）
│ ├── api （api文件夹）
│ ├── assets（图片，global-css，不在 npm 上发布的 vendor-js）
│ ├── components（组件）
│ │ ├── base（全局组件）
│ │ ├── layouts（布局组件）
│ │ ├── ...
│ ├── entry（入口）
│ │ ├── entry-client.js（浏览器端的 entry.js，一般需要挂载在 window 上的就在这里面写）
│ │ └── entry-server.js（服务器端的 entry.js，一般不需要修改）
│ ├── layouts（页面模板组件）
│ │ ├── default.vue
│ │ ├── empty.vue
│ │ └── error.vue
│ ├── router（vue-router & vue-meta）
│ ├── store（vuex）
│ ├── templates（html渲染模板）
│ │ ├── 200.template.html（200时的模板）
│ │ └── 'error'.template.html（废弃，已在 server.js 重定向）
│ ├── utils （需要绑定在 vue.prototype 上的方法）
│ │ ├── client.js （只需要在浏览器端调用的方法）
│ │ └── index.js （浏览器端和服务端都会调用的方法）
│ └── views（页面组件文件夹，对应页面见 router/index.js）
│ ├── about
│ ├── bangumi
│ ├── post
│ ├── role
│ ├── user
│ ├── video
│ └── index.vue（首页）
│ ├── app.js （init & export vue instance，不需要改动）
│ ├── app.vue（vue instance entry，动态全局初始化<head>, etc...）
├── static（静态资源文件）代码风格
如果你使用Visual Studio Code作为编辑器，那么你可以安装一些扩展来检查和纠正代码风格
必装扩展：
建议安装：