uniapp基本使用

uni-app 是一個使用 Vue.js 開發所有前端應用的框架，開發者編寫一套代碼，可發佈到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）、快應用等多個平臺。
今天我主要介紹的是如何使用vue-cli腳手架搭建uniapp的項目
1.首先全局安裝vue-cli腳手架（安裝過可以忽略這一步）

npm install -g @vue/cli

2.創建我們關於uniapp的第一個項目

vue create -p dcloudio/uni-preset-vue 你的項目名稱

3.打開項目的命令行，啓動項目，在微信小程序中進行開發

npm run dev:mp-weixin

4.在微信小程序選擇導入項目，項目名稱–>dis–>dev–>mp-weixin
接下來就是進行相應功能的開發了。
5.uniapp項目的結構目錄

│  App.vue             應用配置，用來配置App全局樣式以及監聽
│  main.js               Vue初始化入口文件
│  manifest.json   配置應用名稱、appid、logo、版本等打包信息
│  pages.json        配置頁面路由、導航條、選項卡等頁面類信息
│  uni.scss             內置的sass變量，可以直接使用
│  
|─pages               
│  └─index
│          index.vue  頁面組件
│          
└─static                 靜態資源
        logo.png

6.我們所要開發的小程序的頁面都是在pages裏面保存，同時pages.json相當於我們在小程序開發中的app.json，啓動之後的首頁就是pages.json的第一項。