摘要:程序大都是從這個(gè)示例開(kāi)始,學(xué)習(xí)小程序也不例外學(xué)習(xí)中只要照貓畫虎后面慢慢的就熟悉了。三第一個(gè)小程序就生成了。把頁(yè)頭的變成全棧工程師,修改完成之后。
程序大都是從HelloWord 這個(gè)示例開(kāi)始,學(xué)習(xí)小程序也不例外,學(xué)習(xí)中只要“照貓畫虎”后面慢慢的就熟悉了。一開(kāi)始不要先問(wèn),先模仿,然后再嘗試著修改,出現(xiàn)錯(cuò)誤,嘗試修改,這樣不停的迭代循環(huán),遇到問(wèn)題首先自己獨(dú)立思考,再查閱文檔,在實(shí)踐中編程能力就培養(yǎng)起來(lái)了。當(dāng)然我們也提供了一些小福利,文末有語(yǔ)音直播間,大家有問(wèn)題可以在里面提問(wèn)和交流。
一、言歸正題,打開(kāi)小程序開(kāi)發(fā)環(huán)境,創(chuàng)建項(xiàng)目,按照向?qū)砑禹?xiàng)目說(shuō)明:
1、AppID,在開(kāi)始學(xué)習(xí)階段,先忽略,點(diǎn)擊綠色部分“無(wú)AppID”;
2、起一個(gè)項(xiàng)目名稱,最好是英文;
3、選擇一個(gè)項(xiàng)目路徑,最好也是不帶中文的路徑名;
4、勾選“在當(dāng)前目錄中創(chuàng)建 quick start 項(xiàng)目”(自動(dòng)生成項(xiàng)目);
5、點(diǎn)擊綠色按鈕“添加項(xiàng)目”,即可進(jìn)入開(kāi)發(fā)環(huán)境。
二、“添加項(xiàng)目”之后則進(jìn)入如下頁(yè)面,左側(cè)是功能區(qū),中間從左到右分別是可視化區(qū)、代碼目錄樹(shù)、功能編輯區(qū)
開(kāi)發(fā)工具會(huì)幫助我們完成項(xiàng)目結(jié)構(gòu)代碼的生成,不需要做任何的修改。直接點(diǎn)擊左下角的編譯就可以運(yùn)行了。就是這樣簡(jiǎn)單。所見(jiàn)即所得。
三、第一個(gè)小程序就生成了。是不是很簡(jiǎn)單,來(lái)嘗試做一些小修改。希望你也有一顆好奇的心。
(1)把頁(yè)頭的 WeChat變成“全棧工程師”,修改完成之后。記得要保存,這樣才可以生效。
(2)頁(yè)面上的HelloWord 修改成 Hello 全棧工程師
四、如果沒(méi)有保存的話,當(dāng)前修改的文件是帶有小綠點(diǎn)的
基礎(chǔ)入門先講到這里,下節(jié)我們?cè)僬f(shuō)項(xiàng)目中各個(gè)文件代表的是什么以及使用
小作業(yè):
創(chuàng)建一個(gè)項(xiàng)目,把頁(yè)面中的Hello Word 修改為自己的名字
后面賬號(hào)注冊(cè)、開(kāi)發(fā)工具說(shuō)明、代碼結(jié)構(gòu)、上線發(fā)布都可以點(diǎn)擊閱讀原文進(jìn)入小程序基礎(chǔ)部分進(jìn)行交流?;A(chǔ)部分會(huì)把全流程都串下來(lái),后面各個(gè)組件、接口就可以理解為自己去拼裝“積木”和“穿線”
閱讀原文進(jìn)入“直播間”進(jìn)行交流
閱讀原文
文章首發(fā)微信公眾號(hào):全棧工程師 (微信號(hào):fullstackeer)?????
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/82753.html
摘要:程序大都是從這個(gè)示例開(kāi)始,學(xué)習(xí)小程序也不例外學(xué)習(xí)中只要照貓畫虎后面慢慢的就熟悉了。三第一個(gè)小程序就生成了。把頁(yè)頭的變成全棧工程師,修改完成之后。 程序大都是從HelloWord 這個(gè)示例開(kāi)始,學(xué)習(xí)小程序也不例外,學(xué)習(xí)中只要照貓畫虎后面慢慢的就熟悉了。一開(kāi)始不要先問(wèn),先模仿,然后再嘗試著修改,出現(xiàn)錯(cuò)誤,嘗試修改,這樣不停的迭代循環(huán),遇到問(wèn)題首先自己獨(dú)立思考,再查閱文檔,在實(shí)踐中編程能力就...
摘要:小程序注冊(cè)流程進(jìn)入微信公眾平臺(tái)選擇第三個(gè)小程序進(jìn)入之后,在網(wǎng)頁(yè)底部有前往注冊(cè)按鍵,點(diǎn)擊注冊(cè)進(jìn)入之后填寫填寫郵箱每個(gè)郵箱僅能注冊(cè)一次密碼和驗(yàn)證碼,并勾選同意條款進(jìn)行注冊(cè)填寫正確后點(diǎn)擊注冊(cè)會(huì)進(jìn)入如下界面,進(jìn)入填寫的郵箱進(jìn)行驗(yàn)證點(diǎn)擊郵件中的地址進(jìn) 小程序注冊(cè)流程 1.進(jìn)入微信公眾平臺(tái):選擇第三個(gè)小程序 showImg(https://segmentfault.com/img/bVMV02?w...
摘要:與網(wǎng)絡(luò)相關(guān)可以查看工具的使用在后面的開(kāi)發(fā)學(xué)習(xí)中,隨著項(xiàng)目的進(jìn)展可以再進(jìn)行一步一步的摸索。閱讀原文進(jìn)入直播間進(jìn)行交流閱讀原文文章首發(fā)微信公眾號(hào)全棧工程師微信號(hào) 根據(jù)不同開(kāi)發(fā)環(huán)境去下載對(duì)應(yīng)的開(kāi)發(fā)工具 http://dwz.cn/4hOfGk 筆者是用MAC版本,掃碼登陸之后(掃碼的前提需要完成小程序帳戶的注冊(cè))showImg(https://segmentfault.com/img/bV...
摘要:與網(wǎng)絡(luò)相關(guān)可以查看工具的使用在后面的開(kāi)發(fā)學(xué)習(xí)中,隨著項(xiàng)目的進(jìn)展可以再進(jìn)行一步一步的摸索。閱讀原文進(jìn)入直播間進(jìn)行交流閱讀原文文章首發(fā)微信公眾號(hào)全棧工程師微信號(hào) 根據(jù)不同開(kāi)發(fā)環(huán)境去下載對(duì)應(yīng)的開(kāi)發(fā)工具 http://dwz.cn/4hOfGk 筆者是用MAC版本,掃碼登陸之后(掃碼的前提需要完成小程序帳戶的注冊(cè))showImg(https://segmentfault.com/img/bV...
摘要:微信小程序框架提供了一系列來(lái)幫助我們進(jìn)行本地?cái)?shù)據(jù)存儲(chǔ),上面的代碼中使用到了和兩個(gè)更多相關(guān)可以參考這里方法很容易理解,會(huì)執(zhí)行獲取用戶信息的功能。 上一篇教程中寫道,開(kāi)發(fā)工具會(huì)生成一個(gè)默認(rèn)的程序框架,其中程序的主流程代碼包含在app.js中。默認(rèn)實(shí)現(xiàn)中,該部分功能比較簡(jiǎn)單,不過(guò)對(duì)于學(xué)研究小程序開(kāi)發(fā)還是比較有價(jià)值的。 由于代碼行數(shù)不多,下面一次性貼出來(lái)后進(jìn)行講解 //app.js App({...
閱讀 1977·2021-11-15 17:58
閱讀 2157·2021-10-19 11:45
閱讀 3547·2021-09-02 15:40
閱讀 2623·2021-07-25 10:50
閱讀 3778·2019-08-30 15:56
閱讀 3176·2019-08-30 12:44
閱讀 1052·2019-08-26 13:38
閱讀 1899·2019-08-23 18:29