微信小程序可謂是今天最火的一個名詞了,一經出現真是轟炸了全部開發人員,當然許多App開發人員有了一個擔心,微信小程序的到來會不會給移動端App帶來一個隆冬,身為一個Android開發者我是不信任的,他只不過提供了一個新的流量進口,給一些企業大都了一種選擇,即使有,那也是很悠遠的未來
不管微信小程序是不是能顛覆當今的開發格局,我們都要以好奇的心態去吸收,去學習不排擠新技術,所以,心動不如行動,趕緊先搭建一個微信小程序開發工具
如何創立小程序
很簡單,首先下載微信開發者工具,下載穩定版本的就好 下載 然后,創立小程序,可以參考下述圖片:
留神正式的小程序需要審批,拿到正式的APPID,我們測試的或者暫時沒有的但是點那個測試的appid,小程序模板挑選默認就好按照這樣的流程走終了,我們就創立竣工一個小程序了
webstrom支撐小程序開發
創立終了小程序之后,我們先不發急開發工欲善其事必先利其器,微信開發者工具有點卡,而且功效少,開發效率很低所以我們還是改造自己的編譯器,這里只引見2種辦法一是 hbuilderX,他有支撐小程序的模塊,很嬌小玲瓏的一款編譯器; 二是 webstorm,我用的他,在這引見一下配置的辦法,其他的大家自行google吧
1、支撐wxml和wxss的文件類型,有語法高亮。 打開webstorm編譯器,依次點擊 文件 — 設置 — 編輯器 — 文件類型 , 找到 html文件,添加 *.wxml; 找到Cascading style Sheet ,添加 *.wxss就OK了
2、撐持小程序代碼提示 下載 這個文件,然后,把他放到一個顯眼的地方; 然后, webstorm 點擊 文件 — 導入設置 ,找到這個下載的文件,點擊確定即可
以上就是webstorm撐持小程序語法的操作
根底文件目次詳解
project.config.json: 小程序的配置文件,包含項目打包配置、上傳代碼自動壓縮等等,是一些開發、打包之類的配置
app.json: 當前項目的配置文件包羅項目的頁面引入、導航條顏色、導航條標題 等等,是項目具體到代碼開發上的配置引見幾個配置:
pages: 包含的頁面每次新增頁面都得在這里引入,否則新頁面的json配置等回天乏術見效 留意pages中頁面先寫的先渲染,所以數組第一條也就是我們的首頁。
window: 配置所有頁面導航條字體、顏色、背景色等
app.js: 小程序進口文件生成小程序實例,App({}), 通常在這獲得用戶信息、授權信息、界說全局變量等
app.wxss: 小程序全局 style 文件對全部項目頁面見效通常規定項目的 字體、根底顏色,界說一些公共樣式
utils: 工具函數目次通常用來放一些公共的js方式比如封裝的request請求,一些別的處理數據什么的辦法
pages: 小程序的頁面目次所有的小程序頁面,都寫在這里面。