VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(二)

接着上一篇,本文主要介绍一下创建好的文件

在创建好项目后,我们转到项目所在的文件夹中

VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(二)

下面说明一下各个文件夹和文件

  • node_modules文件夹:里面放着各种各样的模块

VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(二)

  • public文件夹:放着一个图标和一个index.html文件,其中index.html文件为主页面。这个文件夹中的文件不会被编译和压缩,可以将用到的第三方的json文件可以放到这里。

VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(二)

  • src文件夹:为项目代码的主目录

VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(二)

其中 assets文件夹里面放了一个logo,里面可以放一些静态的资源,例如css和图片。

VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(二)

component文件夹里面放单文件组件。一般基于脚手架建立的都是单文件组件,放这里。

VUE学习笔记——自动生成基于VUE.JS单页应用的脚手架项目(二)

  • App.vue:是项目的根组件
  • main.js:程序入口的js文件,一般在里面加载公共组件和一些所需要的插件。
  • .browserslistrc :用来配置目标浏览器范围的文件
  • .eslintrc.js :用来进行代码的格式校验,eslint的配置文件
  • .gitignore :提交git时,要忽略哪些文件
  • babel :babel使用的配置文件
  • package.json :npm的配置文件,设置了项目以及项目需要的库
  • package-lock.json :用于锁定具体安装的npm各个包的版本号
  • README.md :项目的说明文件