uni-app项目目录介绍

1、index.html 给网页开发提供的功能,提供模板

2、

uni-app项目目录介绍_第1张图片

 pages

页面文件夹

static

存放静态资源,如图片、视频;但不要放样式,因为脚手架是不会对这里面的样式进行编译

3、

uni-app项目目录介绍_第2张图片

 APP.vue

应用配置,用来配置APP全局样式以及监听。相当于微信小程序当中的app.js,可以放整个应用启动的时候所做的事情

main.js

整个项目代码的入口文件

manifest.json

配置应用名称、appid、logo、版本等打包信息

pages.josn

配置页面路由、导航条、选项卡等页面类信息,当在pages文件中增加了页面文件之后要到这里添加对应的页面配置

uni.scss

内置的sass变量,可以直接使用

4、

uni-app项目目录介绍_第3张图片

.gitignore

gti版本管理工具所必备的,是一个文件目录清单。在项目中有一些文件目录是不需要被gti管理的 ,不需要被管理的文件目录名通过某种格式放进来就可以不被git管理

babel.config.js

负责将js做版本处理,如ES7转ES5等

package-lock.json

package.json

包的描述文件,可以定义一些命令来快速的运行

postcss.config.js

定义如何编译css代码,添加哪些前缀,添加哪些版本

README.md

这个文件写的是给人看的,说明这个项目写完了该怎么启动,或者这个项目是做什么用的,给用户看到这是怎么一回事儿

tsconfig.json

当这个项目使用ts来开发的话,可能需要对语法做一些规范、定义和调整,那么这个时候在文件里面做一些配置

你可能感兴趣的:(vue.js,前端,npm,uni-app)