Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
f20ad1a8
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3200
Star
106
Fork
813
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
94
列表
看板
标记
里程碑
合并请求
70
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
94
Issue
94
列表
看板
标记
里程碑
合并请求
70
合并请求
70
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
f20ad1a8
编写于
2月 11, 2022
作者:
hbcui1984
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add:工程描述
上级
423e24f6
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
49 addition
and
0 deletion
+49
-0
docs/tutorial/project.md
docs/tutorial/project.md
+49
-0
未找到文件。
docs/tutorial/project.md
0 → 100644
浏览文件 @
f20ad1a8
## 工程简介
一个 uni-app 工程,就是一个 Vue 项目,你可以通过 HBuilderX 或 cli 方式快速创建 uni-app 工程,详见:
[
快速上手
](
/quickstart-hx.html
)
。
## 目录结构
一个uni-app工程,默认包含如下目录及文件:
<pre
v-pre=
""
data-lang=
""
>
<code
class=
"lang-"
style=
"padding:0"
>
┌─uniCloud 云空间目录,阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb(详见
<a
href=
"https://uniapp.dcloud.io/uniCloud/quickstart?structure&id=structure"
>
uniCloud
</a>
)
│─components 符合vue组件规范的uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid App端存放本地html文件的目录,
<a
href=
"/component/web-view"
>
详见
</a>
├─platforms 存放各平台专用页面的目录,
<a
href=
"/tutorial/platform?id=%E6%95%B4%E4%BD%93%E7%9B%AE%E5%BD%95%E6%9D%A1%E4%BB%B6%E7%BC%96%E8%AF%91"
>
详见
</a>
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用的本地静态资源(如图片、视频等)的目录,
<b>
注意:
</b>
静态资源只能存放于此
├─uni_modules 存放
[
uni_module
](
/uni_modules
)
规范的插件。
├─wxcomponents 存放小程序组件的目录,
<a
href=
"/tutorial/miniprogram-subject?id=%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%BB%84%E4%BB%B6%E6%94%AF%E6%8C%81"
>
详见
</a>
├─main.js Vue初始化入口文件
├─App.vue 应用配置,用来配置App全局样式以及监听
<a
href=
"/collocation/App#应用生命周期"
>
应用生命周期
</a>
├─manifest.json 配置应用名称、appid、logo、版本等打包信息,
<a
href=
"/collocation/manifest"
>
详见
</a>
├─pages.json 配置页面路由、导航条、选项卡等页面类信息,
<a
href=
"/collocation/pages"
>
详见
</a>
└─uni.scss 这里是uni-app内置的常用样式变量
</code>
</pre>
**Tips**
-
编译到任意平台时,
`static`
目录下的文件均会被完整打包进去,且不会编译。非
`static`
目录下的文件(vue、js、css 等)只有被引用到才会被打包编译进去。
-
`static`
目录下的
`js`
文件不会被编译,如果里面有
`es6`
的代码,不经过转换直接运行,在手机设备上会报错。
-
`css`
、
`less/scss`
等资源不要放在
`static`
目录下,建议这些公用的资源放在自建的
`common`
目录下。
-
HbuilderX 1.9.0+ 支持在根目录创建
`ext.json`
、
`sitemap.json`
等小程序需要的文件。
|有效目录|说明|
|:-:|:-:|
|app-plus|App|
|h5|H5|
|mp-weixin|微信小程序|
|mp-alipay|支付宝小程序|
|mp-baidu|百度小程序|
|mp-qq|QQ小程序|
|mp-toutiao|字节小程序|
|mp-lark|飞书小程序|
|mp-kuaishou|快手小程序|
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录