vue去哪网项目开发一

vue去哪网项目开发一

1:首先介绍下我们项目的代码结构,
18.png

README.md表示项目的说明文件

package.json文件里有很多的依赖包,表示再开发项目的时候我们要有一些第三方模块的一些依赖,我们都放在这里
package-lock.json是package的一个锁文件,可以帮助我们去确定我们安装的第三方包的具体的版本,保持我们团队里面的统一。
LICENSE代表一个开源协议的说明
index.html 是我们默认的首页的模板文件
.postcssrc,js是对postcss的一个配置项
.gitignore当我们使用git上传我们的代码,但是有一些特殊的文件我们不希望上传,那我们就可以在这里配置
.eslintrc.js用来检测我们写的代码是否标准,配置了一些代码规范,我们写代码必须按照这个规范写,他才不会做错误的提示。
.eslintignore表示我们在build、config、dist、以及所有的js的文件是不会进行代码检测的。
.editorconfig是帮我们配置编辑器里面的一些语法,
.babelrc在这里我们的项目其实是vue的单文件组件的写法,所以需要通过babel这种语法解析器做一些语法上的转换,最终转化成浏览能够编译执行的代码。
static目录:里面放的是我们的一些静态资源,一些静态的图片
node_module目录:里面放的是我们这个项目中依赖的一些第三方的包
src目录:里面放的是我们整个项目的源码,下面分别介绍,main.js是我们整个项目的入口文件,App.vue是我们项目最原始的根组件,这个项目里所有的路由我们都放在这个router下面的index.js文件里,components里面放的是我们项目里面要用的一些小组件,assets里面放的是我么项目里面用到的一些图片类的资源
config目录:里面放的是我们项目的配置文件,基础的配置信息放在index.js文件中,开发环境的一些配置信息放在dev.env.js文件中,线上环境的一些配置信息放在prod.evn,js文件中
build目录:里面放的是我们项目打包的一些配置信息,webpack.base.conf.js 配置的基础的webpack配置项,wepwebpack.dev.conf.js 开发环境中的webpack配置项,webpack.prod.conf.js线上环境中的webpack配置项

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 11,747评论 0 16
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,333评论 7 110
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,676评论 4 31
  • 如果说人生是一条长河,那么童年少年就是河流源头叮咚作响的跳跃浪花,无拘无束,自由自在,即使跌倒也会快速爬起继...
    小二黑的兔八哥阅读 1,755评论 0 2
  • 不喜欢喝酒,但喜欢酒,尤其喜欢酒精带来的精气神,下面是品酒的瞬间: 打开瓶盖 闻到酒的清香 迫不及待的倒入酒杯 ...
    妙鑫乖乖阅读 1,787评论 0 2