小程序開發(fā)打開工具(小程序開發(fā)工具教程)
今天給各位分享小程序開發(fā)打開工具的知識,其中也會對小程序開發(fā)工具教程進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關注本站,現(xiàn)在開始吧!
微信小程序需要哪些開發(fā)工具
微信小程序需要哪些開發(fā)工具?
一、微信小程序官方開發(fā)工具
注意,它只是個工具,而不是一個IDE。官方工具中的代碼編輯功能,就是將vscode的代碼編輯功能嵌入到工具中,不足以支撐開發(fā)。
優(yōu)點
因為是官方工具所以有這其它第三方工具有這不可比擬的天然優(yōu)勢,如果不是他代碼編輯功能太弱的話。
官方工具,可調(diào)試,可預覽
基本的代碼編輯、智能提示、調(diào)試等功能都有
項目管理、創(chuàng)建、手機預覽、代碼提交審核
官方維護更新
缺點
不好的地方也很明顯,總體而言是一款工具而不是IDE。糟糕的代碼編輯功能,寫起代碼非常別扭,這是我放棄它的最重要原因。
api提示不全,要一個個查api,影響寫代碼的速度
很多必備的快捷鍵都沒有,比如全選關鍵字、快速復制一行等等
顏色主題不能選,不喜歡白色風格怎么搞
沒有插件 沒有插件 沒有插件 重要的事情說三遍
評價
目前因為需要用到微信web開發(fā)工具進行小程序的創(chuàng)建、調(diào)試、查看、預覽、上傳,所以這個工具必不可少。但是代碼編輯功能實在太差,推薦使用其它第三方代碼編輯工具代替。
二、即速應用——適合技術小白的小程序開發(fā)工具
嚴格來說,即速應用并不是為專業(yè)程序員準備的開發(fā)工具,但它絕對是一款功能非常強大的微信小程序制作工具。不懂技術不懂編程的人,一定會愛上即速應用這款工具的。
優(yōu)點
可視化操作,直接拖拽組件生成頁面
提供大量可套用的模板
可將代碼打包下載,直接對接到小程序的開發(fā)工具
下載下來后的代碼可以任意編輯
缺點
電商模板居多,其他類別的模板較少
復雜的功能仍然需要專業(yè)程序員二次開發(fā)
評價
客觀地說,即速應用這款微信小程序制作工具非常適合技術小白。因為它相當于把需要代碼的`部分都幫你做好了,所以不用太頭疼技術方面的問題。當然,如果你是程序員,一樣可以在它生成的代碼基礎上進行二次開發(fā)的。
三、Sublime Text 3——簡潔高效的開發(fā)工具
sublime text 3定位于代碼編輯器而不是IDE,在代碼提示方面只能算一般般,不過勝在使用起來非常方便。
優(yōu)點
打開文件速度倍兒快、UI簡潔大方
代碼編輯體驗舒適、高效
擁有大量插件,針對不同需求基本上能找到對應插件來滿足
第三方開發(fā)者開發(fā)小程序插件用于代碼著色和代碼提示
缺點
沒有調(diào)試,沒有預覽
因為是第三方開發(fā)者編寫的插件,代碼提示也不是非常全面
評價
使用門檻不會太高,可以迅速上手。是但如果想實現(xiàn)一些豐富的功能就會比較吃力了。
四、WebStorm——功能繁多的重度開發(fā)工具
WebStorm網(wǎng)上有個插件,可以實現(xiàn)代碼提示,不能做調(diào)試和預覽,并且屬于重度工具,如果你是,可以嘗試一下這個工具。
優(yōu)點
有插件可以實現(xiàn)代碼高亮,代碼提示等功能
有非常成熟和非常豐富的功能
各種快捷鍵
缺點
無法調(diào)試預覽
功能比較多、比較臃腫
評價
Webstorm和上述幾個工具相比,代碼編輯功能較強大。但是需要插件支持才可以開發(fā)小程序,而且體積臃腫。
微信小程序開發(fā)工具 怎么打開微信小程序
若使用的是vivo手機,可進入微信--發(fā)現(xiàn)--小程序/微信會話頁面下拉,搜索或直接點擊已有的小程序即可打開。
微信小程序開發(fā)工具怎么使用
1、獲取微信小程序的 AppID
首先,我們需要擁有一個賬號,如果你能看到該文檔,我們應當已經(jīng)邀請并為你創(chuàng)建好一個賬號。注意不可直接使用服務號或訂閱號的 AppID。 利用提供的賬號,登錄,就可以在網(wǎng)站的「設置」-「開發(fā)者設置」中,查看到微信小程序的 AppID 了。
2、創(chuàng)建項目
我們需要通過開發(fā)者工具,來完成小程序創(chuàng)建和代碼編輯。開發(fā)者工具安裝完成后,打開并使用微信掃碼登錄。選擇創(chuàng)建「項目」,填入上文獲取到的 AppID,設置一個本地項目的名稱(非小程序名稱),比如「我的第一個項目」,并選擇一個本地的文件夾作為代碼存儲的目錄,點擊「新建項目」就可以了。
3、編寫代碼
點擊開發(fā)者工具左側導航的「編輯」,我們可以看到這個項目,已經(jīng)初始化并包含了一些簡單的代碼文件。最關鍵也是必不可少的,是 app.js、app.json、app.wxss 這三個。其中,.js 后綴的是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件。微信小程序會讀取這些文件,并生成小程序?qū)嵗?/p>
4、創(chuàng)建頁面
每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。.js 后綴的文件是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件,.wxml 后綴的文件是頁面結構文件。
在這個小程序開發(fā)教程里,我們有兩個頁面,index 頁面和 logs 頁面,即歡迎頁和小程序啟動日志的展示頁,他們都在 pages 目錄下。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁。
頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規(guī)則會層疊覆蓋 app.wxss 中的樣式規(guī)則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規(guī)則。
index.json是頁面的配置文件,頁面的配置文件是非必要的。當有頁面的配置文件時,配置項在該頁面會覆蓋app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用app.json 中的默認配置。
關于小程序開發(fā)打開工具和小程序開發(fā)工具教程的介紹到此就結束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關注本站。