Vue目录结构

最近公司项目用到Vue,所以学下Vue

转载请注明出处
我的博客 http://www.lostbug.cn

目录结构

|-- README.md       //项目说明文档
|-- build/          //最终发布代码存放位置
|-- config/         //webpack配置目录 包括端口号等
|-- index.html      //首页入口文件
|-- node_modules/   //npm加载的项目依赖模块
|-- package.json    //项目配置文件
|-- src/            //
|-- static/         //静态资源目录  图片 字体等
`-- test/           //测试目录

build

|-- build.js                   //生产环境结构代码
|-- check-versions.js          //版本检查
|-- dev-client.js              //热加载相关代码
|-- dev-server.js              //本地服务器
|-- utils.js                   //构建工具
|-- vue-loader.conf.js         //vue-loader配置文件
|-- webpack.base.conf.js       //webpack 基本配置文件
|-- webpack.dev.conf.js        //webpack dev配置文件
|-- webpack.prod.conf.js       //webpack 生产环境配置
`-- webpack.test.conf.js       //webpack 测试环境配置

config

|-- dev.env.js   //开发环境配置
|-- index.js     //项目配置
|-- prod.env.js  //生产环境配置
`-- test.env.js  //测试环境配置

node_modules

一些第三方的东东，不看了

src

|-- App.vue             //入口文件
|-- assets              //静态文件
|   `-- logo.png
|-- components          //组件
|   `-- Hello.vue       
|-- main.js             //程序入口文件，引用、加载各种组件
|-- myApp.js            //本人写的js
`-- router              //路由文件
    `-- index.js

test

|-- e2e                         //e2e tests
|   |-- custom-assertions       //custom assertions for e2e tests
|   |   `-- elementCount.js     
|   |-- nightwatch.conf.js      //test runner config file
|   |-- runner.js               //test runner script
|   `-- specs                   //test spec files
|       `-- test.js
`-- unit                        //unit tests
    |-- index.js                //test build entry file
    |-- karma.conf.js           //test runner config file
    `-- specs                   //test spec files
        `-- Hello.spec.js