0.0.3 • Published 5 years ago

vue-cli-plugin-wing-kin v0.0.3

Weekly downloads
19
License
MIT
Repository
github
Last release
5 years ago

vue-cli-plugin-wing-kin

这个是基于vue-cli 3.0 开发的个人项目初始化插件,所以可能在创建的时候需要按照配置步骤。

催一下🐂🍺:这个是插件是用来初始化项目,生成出来的目录结构是我个人的最佳实践。

1.创建项目

先开启vue-cli的ui界面

vue ui

2. 然后进行如下配置

  • 预设中选择手动配置
  • vue-router 跟 vuex 暂时不用勾选,其他随意
  • 然后创建项目
  • 界面出来之后,到插件界面,点击添加插件,输入wing-kin搜索到插件,然后安装

avatar avatar avatar avatar avatar avatar avatar

3. 开启服务

yarn serve

或者到任务界面开启serve avatar

插件内容介绍

插件自动加入的文件目录

src
├── App.vue // 
├── api // api列表 所有的api可以按照模块进行划分
│   ├── app.js
│   └── index.js
├── assets
│   └── logo.png
├── common // 一些公用方法
│   ├── filter.js
│   ├── http.js
│   └── util.js
├── components // 组件目录
│   ├── HelloWorld.vue
│   └── index.js
├── i18n // 国际化语言目录
│   ├── index.js
│   └── locales
│       ├── en.yaml
│       └── zh.yaml
├── main.js // 入口文件
├── router // 路由目录
│   └── index.js
├── store // vuex目录
│   ├── index.js
│   ├── modules
│   │   └── app.js
│   └── types.js
└── views // 页面目录
    ├── about.vue
    └── home.vue

TODO

  • 添加各个部分的介绍