入门
<h2>官网地址</h2>
<ul>
<li><a href="https://uniapp.dcloud.io/README">https://uniapp.dcloud.io/README</a></li>
</ul>
<h2>HBuilderX 开发工具下载</h2>
<ul>
<li>
<p>根据自己的操作系统，选择App开发版，进行下载，此版本集成功能比较全</p>
</li>
<li><a href="https://www.dcloud.io/hbuilderx.html">https://www.dcloud.io/hbuilderx.html</a></li>
</ul>
<h2>创建项目</h2>
<ul>
<li>
<p>新建项目->uin-app，选择模板：uni-ui 项目</p>
</li>
<li>
<p>打开 pages/index/index.vue，输入测试内容</p>
<pre><code class="language-html"><!-- 在view中输入要显示的内容 -->
<view class="container">
第一个uniapp示例
</view></code></pre>
</li>
<li>
<p>点击菜单：运行->运行到内置浏览器，查看显示效果</p>
</li>
<li>修改页面标题，pages.json</li>
</ul>
<pre><code class="language-json">{
"navigationBarTitleText": "uniapp练习"
}</code></pre>
<h2>全局样式和全局配置</h2>
<h4>引用全局公共的css样式</h4>
<ul>
<li>App.vue文件中</li>
</ul>
<pre><code class="language-js">@import url("./common/free.css");</code></pre>
<h4>easycom组件规范</h4>
<ul>
<li>组件安装在项目的components目录下或<code>uni_modules</code>目录下，符合<code>components/组件名称/组件名称.vue</code>目录结构。</li>
<li>可以不用引用、注册，直接在页面中使用。</li>
<li>如在页面中添加搜索组件，直接写以下代码就可以</li>
</ul>
<pre><code class="language-vue"><f-search-bar></f-search-bar></code></pre>