不同方式创建的uniapp项目,默认包含的目录及文件也是不同的。
-
通过HBuilderX可视化界面创建的:
在uniapp-test1项目下:
components | uni-app组件目录,放可复用的组件 |
---|---|
pages | 业务页面文件存放的目录 |
static | 存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此 |
App.vue | 应用配置,用来配置App全局样式以及监听 应用生命周期 |
main.js | Vue初始化入口文件 |
mainfest.json | 配置应用名称、appid、logo、版本等打包信息,详见 |
pages.json | 配置页面路由、导航条、选项卡等页面类信息,详见 |
-
通过vue-cli命令行方式快速创建的:
在my-project项目下:
dist ->build | 存放通过build编译的各个平台的代码,如mp-weixin |
---|---|
node_modules | 项目依赖包模块 |
public | 放置的为公共文件,比如index.html文件,为项目的生成模板,我们写的vue的代码,在webpack打包项目的时候,最后都会基于该模板转换为浏览器可读的三大件:html+javascript+css |
src | 存放通过HBuilderX可视化界面创建的的所有目录,为源码目录 |
.gitignore | git上传需要忽略的文件格式 |
babel.config.js | ES6语法编译配置 |
package.json | 项目基本信息 |
package-lock.json | 锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致 |
postcss.config.js | postcss-loader 的配置文件名,通过js对 CSS 进行处理 |
README.md | 项目说明 |