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 条评论
登录 后参与评论

相关文章

来自专栏LEo的网络日志

shell相关分享

2715
来自专栏逸鹏说道

Git的奇技淫巧?

Git是一个“分布式版本管理工具”,简单的理解版本管理工具:大家在写东西的时候都用过“回撤”这个功能,但是回撤只能回撤几步,假如想要找回我三天之前的修改,光用“...

2674
来自专栏蓝天

Linux下压力测试工具推荐:WebBench

由于我的VPS的服务器不是Apache,而且我也找不到ab测试工具。所以只好Google一下咯。发现一个参数少又精的压力测试工具,但是始终没有找到最新版本。只好...

652
来自专栏云计算教程系列

如何在Ubuntu 18.04上安装Django Web Framework

Django是一个功能齐全的Python Web框架,用于开发动态网站和应用程序。使用Django,您可以快速创建Python Web应用程序,并依靠该框架来完...

720
来自专栏小文博客

WordPress友链排序插件——链接排序(已汉化)

3819
来自专栏生信宝典

Docker基本使用

Docker能做什么 The key benefit of Docker is that it allows users to package an appli...

1867
来自专栏一个爱瞎折腾的程序猿

分享我在 vue 项目中关于 api 请求的一些实现及项目框架

axios 默认提交格式为:application/json 可使用 qs 模块(需要安装)转换后提交格式为 application/x-www-form-u...

631
来自专栏北京马哥教育

想要创建一个基于TCP实现的http服务器,应该怎么做?

? 作者:Y-ANG 来源: http://blog.csdn.net/qq_33951180/article/details/70239745 我们先了解一...

54015
来自专栏林德熙的博客

WPF 使用 VisualStudio 2017 项目文件

在 WPF 如果需要访问项目的文件,如在项目文件放一张图片,需要在 xaml 或后台代码读取,这个就是需要用到本文的技术。

942
来自专栏漫漫全栈路

node.js 学习笔记

node.js学习笔记 最近一直在折腾前端,为了方便前端学习,所以打算顺带捡一下之前看过一点的node.js,也就顺手MarkDown一个学习笔记。 no...

3537

扫码关注云+社区