vue项目开发目录结构说明

项目根目录名称

目录 目录 文件 作用
src app.vue 浏览器全体控制文件,一般不需要修改
_tests_\components - jest单体测试用文件,主要用于配置组件
_tests_/service jest单体测试用文件,主要用于测试方法
_tests_/views jest单体测试用文件,主要用于测试画面
components 配置组件
router index.ts 设定做成的画面的配置场所
service - service文件的配置
service commonclass.ts 共通方法设定
store index.ts store设定,全体变量保存
store/modules - store文件
views - 画面文件
- vue.config.js

vue的build文件

是一个可选的配置文件,如果项目中根目录存在这个文件,那么会被vue/cli-service自动加载

- package.json

npm init时候自动创建

用于lib文件的管理

npm install lib名字 -- save

(--save-dev)

- package-lock.json node-modules中组件的版本信息。cache文件
- babel.config.js babel 编译的设定文件
- .node-version node的版本管理文件,设定开发环境的node版本统一
- browserslistrc IE,chrome的设定文件
- env.devlopment 开发环境用
- evn.staging stg环境用
env.production 生产环境用

你可能感兴趣的:(vue)