小东西儿
  • 首页
  • 前端知识
  • 工具教程
  • 文章转载
  • 生活相关
  • 新闻热点
  • 冷知识
  • 关于
王永杰的网络日志
保持饥渴的专注,追求最佳的品质
  1. 首页
  2. 前端知识
  3. 正文

6-2 Vue项目预热 - 项目代码介绍

2020年05月25日 274点热度 0人点赞 0条评论

导航

  1. 目录结构
  2. 最外层文件
  3. 目录文件
  4. 说明

目录结构

|____build
| |____build.js
| |____webpack.dev.conf.js
| |____check-versions.js
| |____webpack.prod.conf.js
| |____logo.png
| |____webpack.base.conf.js
| |____utils.js
| |____vue-loader.conf.js
|____config
| |____dev.env.js
| |____index.js
| |____prod.env.js
|____node_modules
| |____@types
| |____.DS_Store
| |____accepts
| |____@babel
| |____...
| |____...
| |____...
| | |____.DS_Store
|____src
| |____App.vue
| |____main.js
| |____components
| | |____HelloWorld.vue
| |____assets
| | |____logo.png
| |____router
| | |____index.js
|____static
| |____.gitkeep
|____.babelrc
|____.editorconfig
|____.eslintignore
|____.eslintrc.js
|____.gitignore
|____.postcssrc.js
|____index.html
|____LICENSE
|____package-lock.json
|____package.json
|____README.md

最外层文件

README.md               //项目的说明文件
package.json            // 第三方模块的依赖
package-lock.json       // 锁文件,可以确定安装依赖包的版本,保持团队编程的统一
LICENSE                 // 开源协议的说明
index.html              // 默认项目的首页模板文件
.postcssrc.js           // postcss的一个配置项
.gitignore              // git 文件筛选提交,对一些不想提交到仓库的文件可以进行筛选不提交到仓库
.eslintrc.js            // 代码规范检测
.eslintignore           // 这里面的配置的文件不受 `eslintrc` 语法的监测
.editorconfig           // 帮我们配置了一些编辑器里面的语法
                        // 例如:点击 tab 是两个空格的缩进
.babelrc                // 语法转换(vue单文件组件的语法,通过babel转成浏览器能够编译执行的代码)

目录文件

static                            // 静态资源(静态图片、模拟的 json 数据等等...)
node_modules                      // 依赖的 node 第三方的包
src                               // 整个项目的源代码
src/main.js                       // 整个项目的入口文件
src/app.vue                       // 最原始的根组件
src/router/index.js               // 项目中的路由
src/components                    // 项目要用到的小组件
src/assets                        // 项目要用到的图片资源
config                            // 项目的配置文件
config/index.js                   // 基础配置信息
config/dev.env.js                 // 开发环境配置信息
config/prod.env.js                // 线上环境配置信息
build                             // 项目打包的 webpack 相关的内容
                                  // webpack打包的额外配置
                                  // vue cli 自动构建好的集合,一般不需要修改
build/webpack.base.conf.js        // 基础的 webpack 配置项
build/webpack.dev.conf.js         // 开发环境中的 webpack 配置项
build/webpack.prod.conf.js        // 线上环境的 webpack 配置项
build/webpack.prod.conf.js        // 打包的额外配置

说明

我么要做的基本是在 src 源代码目录下进行我们业务代码的开发

微海报分享
本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: vue 去哪儿网
最后更新:2020年05月25日

王永杰

春有百花秋有月,夏有凉风冬有雪;
若无闲事挂心头,便是人间好时节。

打赏 点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2021 小东西儿. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

京ICP备19041477号