Vue-cli搭建完项目,各文件解释

脚手架vue-cli搭建完成后,会生成一些文件,总结学习一下这些文件是做什么用的:

1、一级目录:

  • build和config文件夹是wbepack配置的文件夹;
  • node_modules是在我npm install后存放一些依赖和插件的文件夹;
  • src是存放我们项目源码的文件,通常我们的vue组件就写在这里,其中main.js是页面的入口文件,初始化vue实例并使用需要的插件【插件router、resource等】,而App.vue看作是一个大组件,也就是整个页面的vue实例文件;
  • static是存放第三方静态资源的,比如css的reset.css等等。

2、二级目录:

  • .babelrc是Es6语法的一些转换配置,其中presets是预设,plugins是转换的插件,comments的值如果为false,表示转换后不生成注释;
  • .editorconfig是编辑器的配置,它配置了一些语言,缩进的风格大小,换行符风格等等;
  • .eslintignore是忽略语法检查的目录文件,一般是build/*.js、config/*.js这两个文件;
  • .eslintrc.js是eslint的配置文件,其中extends: 'standard'表示标准规则,如:要求===之类的;‘rule’表示配置具体的规则,我们改eslint就在这个下面进行修改,如:// 没有分号就报错  'semi': ['error', 'always']或者忽略某种检查,将值设为0即可;
  • index.html是入口文件,js和css会被动态的插入这个文件;
  • package.json定义了整个项目所需要的这种模块,以及项目的配置信息。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏懒人开发

android studio简单使用(B2):自定义代码模版快捷键Live Templates

前面是一些系统的代码模版, 以及对应的快捷键 这样,对应的代码,我们可以较快的写出

683
来自专栏Golang语言社区

Golang语言--select

Golang语言--select golang的select与channel配合使用。它用于等待一个或者多个channel的输出。 应用场景:主goroutin...

3437
来自专栏Java后端技术

用Maven快速生成带有依赖的可执行jar包

  最近项目在做微服务的拆分,那么我们想让我们的容器启动更加的轻量级,所以我们选择放弃tomcat等容器,而是通过maven生成带有指定依赖的可执行jar包的方...

594
来自专栏不想当开发的产品不是好测试

gitignore 使用

在git中如果想忽略掉某个文件,不让这个文件提交到版本库中,可以使用修改根目录中 .gitignore 文件的方法(如无,则需自己手工建立此文件)。这个文件每一...

19410
来自专栏前端说吧

git-常用命令一览表

3609
来自专栏大内老A

[WCF 4.0新特性] 默认绑定和行为配置

对于传统的WCF配置系统,无论是绑定的配置还是行为(服务行为和终结点行为)都必须具有一个名称。而正是通过整个配置名称,它们才能被应用到目标对象(终结点或者服务)...

18110
来自专栏ImportSource

厕读:每日一题,面试无忧

9. volatile关键字是否能保证线程安全?() 答案:不能 解析:volatile关键字用在多线程同步中,可保证读取的可见性,JVM只是保证从主内存加载到...

32610
来自专栏Java 技术分享

Hibernate Session总结

1236
来自专栏Java 技术分享

Hibernate Session总结

3348
来自专栏机器学习从入门到成神

Spring使用p名称空间配置属性

Spring的p标签是基于XML Schema的配置方式,目的是为了简化配置方式。

1051

扫码关注云+社区