vue项目文件介绍

Vue2-第二版-后台管理系统项目实战/vue+element-ui/vue经典全套系统案例讲解_哔哩哔哩_bilibili

一、脚手架创建的vue项目基础结构

未安装路由和vuex 

 二、public

public文件夹：放置静态资源（图片），webpack在打包时会原封不动的打包到dist文件夹中

三、src文件夹（程序员源代码文件夹）

1. assets文件夹：放置静态资源（多个组件共用的静态资源），在webpack打包时会把静态资 源当成模块打包到JS文件中

2. components：放置非路由组件（全局组件），公共组件

3. APP.vue：唯一的根组件

4. main.js：程序入口文件，整个程序中最先执行的文件

四、.browserslistrc配置

在使用脚手架搭建项目时，会自动生成.browserslistrc文件，该文件只要是 配置兼容浏览器

对于部分配置参数做一些解释:

" >1%" :代表着全球超过1%人使用的浏览器

“last 2 versions” : 表示所有浏览器兼容到最后两个版本

“not ie <=8” :表示IE浏览器版本大于8（实则用npx browserslist 跑出来不包含IE9 ）

“safari >=7”:表示safari浏览器版本大于等于7

五、.gitignore的用法

Git忽略文件.gitignore详解

在工程中，并不是所有文件都需要保存到版本库中的，例如“target”目录及目录下的文件就可以忽略。在Git工作区的根目录下创建一个特殊的.gitigno