前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue-cli搭建完项目,各文件解释

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

作者头像
李文杨
发布2018-03-14 13:46:18
7070
发布2018-03-14 13:46:18
举报

脚手架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定义了整个项目所需要的这种模块,以及项目的配置信息。
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档