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

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

2、起一個項目名稱,最好是英文;

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

4、勾選“在當前目錄中創建 quick start 項目”(自動生成項目);

5、點擊綠色按鈕“添加項目”,即可進入開發環境。
![圖片描述][1]

二、“添加項目”之後則進入如下頁面,左側是功能區,中間從左到右分別是可視化區、代碼目錄樹、功能編輯區
![圖片描述][2]

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

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

(2)頁面上的HelloWord 修改成 Hello 全棧工程師
5

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

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

小作業:
創建一個項目,把頁面中的Hello Word 修改爲自己的名字

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

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

文章首發微信公衆號:全棧工程師 (微信號:fullstackeer)​​​​​

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章