Vue脚手架结构

100 阅读1分钟

脚手架总结构

总结构.png

node_modules

存放包

node_modules.png

public

favicon

网站图标

favicon.png

index.html

是整个应用的界面,所有工作都展示于此

index.html.png

src

assets

存放静态资源,图片,音频等

assets.png

components

存放编写的组件,值得注意的是,App.vue与components同级,不存放在components文件夹内

main.js.png

App.vue

App组件是所有组件的容器,所有在App的模板中使用的组件都要在compoents中进行注册

App.vue.png

main.js

是整个vue项目的入口文件

main.js.png

Vue实例的另一种创建方式:

main.js2.png

.gitignore

存放不想被git管理的文件/文件夹

.gitignore.png

bable.config.js

bable的配置文件,默认即可

bable.config.js.png

jsconfig.json

jsconfig.json.png ????

package-lock.json

包版本控制文件,保证下载的包是我们所需要的版本

package-lock.json.png

package.json

包的说明,名字、版本、依赖等

package.json.png

README.md

在这个文件下,对整个项目进行必要的说明

README.png

vue.config.js

对Vue参数进行配置

vue.config.js.png