SakuraDon

VUE项目目录结构
记录一下目前项目的目录结构基于vue-cli脚手架改造项目名称 |__build wabpack打包配置文件...
扫描右侧二维码阅读全文
24
2018/04

VUE项目目录结构

记录一下目前项目的目录结构

基于vue-cli脚手架改造

项目名称
|__build    wabpack打包配置文件夹
|__config    VUE配置文件夹
|__node_modules    node插件工具包,一般不上传到git,开发者下载项目文件夹后用  npm instaill
|__src    项目源代码文件夹
    |__api    项目所有接口数据获取分开写,方便管理
        |__···
        index.js    全局api注册
    |__cache    项目缓存管理(cookie,localStorage)
        |__...
        index.js    全局cache注册
    |__components    组件文件夹,存放自定义组件
        |__···
        |__public    全局组件
        index.js    全局组件注册
    |__config    默认配置文件
        |__···
        index.js    全局配置注册
    |__page    页面文件夹
        |__···
        index.vue    页面index首页
    |__router    路由配置文件夹
        |__···
        index.js    全局路由注册
    |__style    样式文件夹
        |__css    css样式文件夹
            |__···
            style.css    全局css样式文件
    |__utils    通用工具文件夹
        |__···
        index.js    全局工具注册
    app.vue    主路由vue界面,所有界面在这切换
    main.js    主js文件,引入扩展工具和注册全局变量
|__static    项目静态资源
|__test    VUE默认测试文件夹(无用)
.babelrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.postcssrc.js
index.html    单页面项目index入口
package.json    node插件配置,npm instaill根据该配置下载
package-lock.json
最終更新:2019 年 01 月 22 日 01 : 19 AM
あなたが私の記事があなたにとって有用であると感じるならば、それを感謝してください。