小程序開發系列之基礎部分-基礎部分

FWHeart 發布于2019-08-20 16:09 / 1385人閱讀

摘要：程序大都是從這個示例開始，學習小程序也不例外學習中只要照貓畫虎后面慢慢的就熟悉了。三第一個小程序就生成了。把頁頭的變成全棧工程師，修改完成之后。

程序大都是從HelloWord 這個示例開始，學習小程序也不例外,學習中只要“照貓畫虎”后面慢慢的就熟悉了。一開始不要先問，先模仿，然后再嘗試著修改，出現錯誤，嘗試修改，這樣不停的迭代循環，遇到問題首先自己獨立思考，再查閱文檔，在實踐中編程能力就培養起來了。當然我們也提供了一些小福利，文末有語音直播間，大家有問題可以在里面提問和交流。
一、言歸正題，打開小程序開發環境，創建項目，按照向導添加項目說明：
1、AppID，在開始學習階段，先忽略，點擊綠色部分“無AppID”；

2、起一個項目名稱，最好是英文；

3、選擇一個項目路徑，最好也是不帶中文的路徑名；

4、勾選“在當前目錄中創建 quick start 項目”（自動生成項目）；

5、點擊綠色按鈕“添加項目”，即可進入開發環境。

二、“添加項目”之后則進入如下頁面，左側是功能區，中間從左到右分別是可視化區、代碼目錄樹、功能編輯區

開發工具會幫助我們完成項目結構代碼的生成，不需要做任何的修改。直接點擊左下角的編譯就可以運行了。就是這樣簡單。所見即所得。

三、第一個小程序就生成了。是不是很簡單，來嘗試做一些小修改。希望你也有一顆好奇的心。
（1）把頁頭的 WeChat變成“全棧工程師”，修改完成之后。記得要保存，這樣才可以生效。

（2）頁面上的HelloWord 修改成 Hello 全棧工程師

四、如果沒有保存的話，當前修改的文件是帶有小綠點的

基礎入門先講到這里，下節我們再說項目中各個文件代表的是什么以及使用

小作業：
創建一個項目，把頁面中的Hello Word 修改為自己的名字

后面賬號注冊、開發工具說明、代碼結構、上線發布都可以點擊閱讀原文進入小程序基礎部分進行交流。基礎部分會把全流程都串下來，后面各個組件、接口就可以理解為自己去拼裝“積木”和“穿線”

閱讀原文進入“直播間”進行交流
閱讀原文

文章首發微信公眾號：全棧工程師（微信號:fullstackeer）?????

GPU云服務器云服務器小程序開發開發小程序開發之基礎篇小程序開發開發制作

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82753.html

小程序開發系列之基礎部分-基礎部分

摘要：程序大都是從這個示例開始，學習小程序也不例外學習中只要照貓畫虎后面慢慢的就熟悉了。三第一個小程序就生成了。把頁頭的變成全棧工程師，修改完成之后。程序大都是從HelloWord 這個示例開始，學習小程序也不例外,學習中只要照貓畫虎后面慢慢的就熟悉了。一開始不要先問，先模仿，然后再嘗試著修改，出現錯誤，嘗試修改，這樣不停的迭代循環，遇到問題首先自己獨立思考，再查閱文檔，在實踐中編程能力就...

YJNldm 2019-08-29 12:29 評論0 收藏0
小程序開發系列之基礎部分-賬號注冊

摘要：小程序注冊流程進入微信公眾平臺選擇第三個小程序進入之后，在網頁底部有前往注冊按鍵，點擊注冊進入之后填寫填寫郵箱每個郵箱僅能注冊一次密碼和驗證碼，并勾選同意條款進行注冊填寫正確后點擊注冊會進入如下界面，進入填寫的郵箱進行驗證點擊郵件中的地址進小程序注冊流程 1.進入微信公眾平臺：選擇第三個小程序 showImg(https://segmentfault.com/img/bVMV02?w...

Pikachu 2019-08-01 16:45 評論0 收藏0
小程序開發系類之基礎部分-開發工具

摘要：與網絡相關可以查看工具的使用在后面的開發學習中，隨著項目的進展可以再進行一步一步的摸索。閱讀原文進入直播間進行交流閱讀原文文章首發微信公眾號全棧工程師微信號根據不同開發環境去下載對應的開發工具 http://dwz.cn/4hOfGk 筆者是用MAC版本，掃碼登陸之后（掃碼的前提需要完成小程序帳戶的注冊）showImg(https://segmentfault.com/img/bV...

233jl 2019-08-20 16:18 評論0 收藏0
小程序開發系類之基礎部分-開發工具

摘要：與網絡相關可以查看工具的使用在后面的開發學習中，隨著項目的進展可以再進行一步一步的摸索。閱讀原文進入直播間進行交流閱讀原文文章首發微信公眾號全棧工程師微信號根據不同開發環境去下載對應的開發工具 http://dwz.cn/4hOfGk 筆者是用MAC版本，掃碼登陸之后（掃碼的前提需要完成小程序帳戶的注冊）showImg(https://segmentfault.com/img/bV...

rockswang 2019-08-01 16:46 評論0 收藏0
微信小程序開發教程(基礎篇)3-app.js 解析

摘要：微信小程序框架提供了一系列來幫助我們進行本地數據存儲，上面的代碼中使用到了和兩個更多相關可以參考這里方法很容易理解，會執行獲取用戶信息的功能。上一篇教程中寫道，開發工具會生成一個默認的程序框架，其中程序的主流程代碼包含在app.js中。默認實現中，該部分功能比較簡單，不過對于學研究小程序開發還是比較有價值的。由于代碼行數不多，下面一次性貼出來后進行講解 //app.js App({...

lemon 2019-08-20 12:23 評論0 收藏0