我的Vue目录

每个人的可能都不同,此目录也是参考别人的。

[ '|-- vue',
  '    |-- .browserslistrc',
  '    |-- .editorconfig'(vscode编辑器的配置文件,与EditorConfig for VS Code插件配合使用),
  '    |-- .eslintrc.js'(配置eslint规则),
  '    |-- .gitignore'(git提交的忽略文件),
  '    |-- README.md',
  '    |-- babel.config.js'(babel的配置文件),
  '    |-- package-lock.json',
  '    |-- package.json'(对项目的描述,比如项目名称,开发依赖),
  '    |-- postcss.config.js'(css补充兼容性代码的配置),
  '    |-- vue.config.js'(Vue配置文件),
  '    |-- public'(存放公共文件),
  '    |   |-- favicon.ico'(地址栏的图标),
  '    |   |-- index.html'(模板文件),
  '    |-- src'(最关键的文件夹),
  '        |-- App.vue'(基础组件),
  '        |-- main.js'(项目入口文件,项目在开发编译时,都会经过这个文件),
  '        |-- api'(json请求都可以写在这里),
  '        |-- assets'(资源),
  '        |   |-- logo.png',
  '        |   |-- fonts'(字体文件夹),
  '        |   |-- img'(图片文件夹),
  '        |-- components'(组件),
  '        |   |-- HelloWorld.vue',
  '        |-- config'(项目的配置),
  '        |   |-- index.js',
  '        |-- directive'(存放Vue的自定义指令),
  '        |   |-- index.js',
  '        |-- lib'(工具),
  '        |   |-- tools.js'(与业务无关的工具方法),
  '        |   |-- util.js'(与业务结合的工具方法),
  '        |-- mock'(mock数据,做请求模拟),
  '        |   |-- index.js',
  '        |-- router'(路由相关),
  '        |   |-- index.js',
  '        |   |-- router.js',
  '        |-- store'(vuex状态管理),
  '        |   |-- actions.js',
  '        |   |-- index.js',
  '        |   |-- mutations.js',
  '        |   |-- state.js',
  '        |   |-- module',
  '        |       |-- user.js',
  '        |-- views'(页面),
  '            |-- About.vue',
  '            |-- Home.vue',
  '' ]

你可能感兴趣的:(我的Vue目录)