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

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

二、起一個項目名稱,最好是英文;小程序

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

四、勾選「在當前目錄中建立 quick start 項目」(自動生成項目);微信

五、點擊綠色按鈕「添加項目」,便可進入開發環境。
圖片描述app

2、「添加項目」以後則進入以下頁面,左側是功能區,中間從左到右分別是可視化區、代碼目錄樹、功能編輯區
圖片描述jsp

開發工具會幫助咱們完成項目結構代碼的生成,不須要作任何的修改。直接點擊左下角的編譯就能夠運行了。就是這樣簡單。所見即所得。
圖片描述工具

3、第一個小程序就生成了。是否是很簡單,來嘗試作一些小修改。但願你也有一顆好奇的心。
(1)把頁頭的 WeChat變成「全棧工程師」,修改完成以後。記得要保存,這樣才能夠生效。
圖片描述學習

(2)頁面上的HelloWord 修改爲 Hello 全棧工程師
圖片描述開發工具

4、若是沒有保存的話,當前修改的文件是帶有小綠點的
圖片描述ui

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

小做業:
建立一個項目,把頁面中的Hello Word 修改成本身的名字

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

閱讀原文進入「直播間」進行交流
閱讀原文

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

相關文章
相關標籤/搜索