Atom 完美支援WePY 小程式開發
Atom-完美支援WePY
簡介
為何使用WePY？
我們都知道開發小程式的時候有很多很多的不方便的地方，譬如：
- 小程式的元件化支援能力太弱
- 小程式無法使用
npm包,無法使用第三方元件 - 頻繁呼叫
setData及setData過程中頁面跳閃 request併發次數限制- 建立一個頁面需要管理4個對應的檔案等…
ps.如果你還不瞭解如何開發小程式，可以先看下小程式開發簡易教程。
綜上，便產生了一種框架
WePY,詳見WePY 官方文件。
開發工具
WePY官方推薦的編輯器有
- Sublime
- WebStorm/PhpStorm
- Atom
- VS Code
- VIM
摸索了一圈還是推薦Atom給大家使用，感覺對WePY支援要比其他幾款編輯器更高。
Atom 外掛
既然選擇了Atom，那麼一些必備的外掛還是需要的，這裡呢就為大家精心準備了幾款實用外掛（主要適配於WePY）。
- atom-beautify
程式碼格式化工具，可以設定在儲存時自動格式化，別提有多方便了。支援html，css，javascript，java，go等等，反正常見的語言基本都支援了。 - atom-wrap-in-tag
自動修改對應的HTML關閉標籤，挺實用的。 - autocomplete-paths
自動補全檔案路徑，這個功能肯定使用嘛，完全避免了路徑輸入錯誤帶來的bug。 - autoclose-html
自動輸入對應的HTML關閉標籤，雖然簡答但是實用。 - docblockr
文件化註釋，你懂的，團隊協作規範註釋必備外掛。 - double-tag
能讓同時編輯html的開始與結束標記，如果你增加一個 HTML開始語法，它會自動跟隨寫出結束語法，比如鍵入<div>開始，自動有</div>結束語法。 - emmet
能夠基於Emmet語法產生HTML。 - language-vue
使編輯器支援Vue語法，程式碼高亮 - file-icons
很簡單，為不同型別的檔案新增一個漂亮的小圖示，顏控開發者必備。 - linter
能夠自動覆蓋檢查原始碼，產生警告和錯誤，幫助規範程式設計，基於實時程式碼分析。HTML,CSS,SCSS,JavaScript都有各自的Linter。甚至框架也有自己的Linter。 - linter-jshint
幫助你編寫專業的js程式碼，js開發者必備外掛。 - minimap
這個外掛不用介紹了吧，從sublime開始，一直使用。從未遺忘。 - activate-power-mode
這個外掛就不用說了，酷炫的敲程式碼，裝*黨必備。
安裝完這些外掛，你的Atom已經可以很愉快的支援WePY了，快去嘗試吧。
更多內容請移駕我的部落格
相關推薦
Atom 完美支援WePY 小程式開發
Atom-完美支援WePY 簡介 為何使用WePY？ 我們都知道開發小程式的時候有很多很多的不方便的地方，譬如： 小程式的元件化支援能力太弱 小程式無法使用npm包,無法使用第三方元件
wepy-小程式開發框架學習（一）
一、安裝npm由於新版的NodeJS已經集成了npm，我們可以安裝NodeJS來實現安裝npm。首先去nodejs官網(https://nodejs.org/en/)上下載最新版的nodejs，如下圖，點選下載下載完成以後，一路next即可安裝，如需更改安裝目錄，請自行配置。
微信小程式開發——使用wxParse外掛實現html程式碼的支援
前言： 大家都知道，無論是微信小程式還是支付寶小程式都不支援html程式碼的展示的，甚至說你想貼個純html程式碼做demo都不方便，更不用說解析html了。那麼怎麼解決這個問題呢？ 解決方案： 使用WxParse外掛（微信小程式富文字解析元件）就能解決這個問題。本來這個外掛是專為微信小程式設計的，但是
Okam(奧卡姆)：小程式開發框架，支援百度小程式、微信小程式、支付寶小程式
Okam(奧卡姆)：小程式開發框架，支援百度小程式、微信小程式、支付寶小程式 Okam 是什麼 `Okam` 一個面向小程式開發的開發框架，開發體驗類 `Vue`。詳情 Okam 對各小程式的支援情況 支援 百度小程式 支援 微信小程式 支援 支付寶小程式 Okam 提供
微信小程式開發框架—wepy快速入門
小程式框架wepy文件 Github地址 wepy官網：https://tencent.github.io/wepy/index.html 專案建立與使用 安裝wepy 以下安裝都通過npm安裝 安裝 wepy 命令列工具。
Iceworks 支援小程式開發
引言 小程式開發無疑是目前前端領域炙手可熱的開發方式之一，熟知的有支付寶小程式，微信小程式等；各種圍繞著小程式的框架也開始在社群出現，如可以使用 Vue.js 開發小程式的 mpvue，遵循 React.js 語法規範的多端統一開發框架 Taro 等。這些框架的出現
微信小程式詳細圖文教程-10分鐘完成微信小程式開發部署釋出（3元獲取騰訊雲伺服器帶小程式支援系統）
1、【高頻使用】 美團外賣 滴滴公交查詢 車來了 大眾點評+ 京東購物 摩拜單車 滴滴出行DiDi 攜程酒店機票火車票 2、【旅行】 驢媽媽門票預訂 飛常準查航班 海南航空微應用 南航e行 去哪兒出行 朋友家精選
小程式開發之wepy框架
ps 本教程使用wepy 1.7+以上的版本 wepy-讓小程式支援元件化開發的框架 鵝廠出品，用於開發自家產品的框架還是很良心的，框架設計思路上參照vue，但不是全部照搬，這點要注意。 對微信小程式官方api百分百相容，不同的是把wx開頭的介面，變成wepy開頭即可。 安裝 全域性安裝命
微信小程式開發之wepy框架
wepy是由騰訊團隊推出的小程式元件化開發框架，為什麼一開始推出的時候不直接用這一套！？官網地址 WePY 是一款讓小程式支援元件化開發的框架，通過預編譯的手段讓開發者可以選擇自己喜歡的開發風格去開發小程式。框架的細節優化，Promise，Async Func
小程式開發 wepy框架 類vue的開發方式
import wepy from 'wepy' import List from '../components/list' import Panel from '../components/panel' import Counter from '../components/counter' import G
WebStorm WePY 開發微信小程式開發簡單設定
Vue.js 外掛 .wpy 檔案的高亮設定 處理 rpx 這種單位，但是並不完美，不管願不願意，老是去空格，然後 WePY
Java後臺開發Tomcat新增https支援小程式開發過程
文章原文：blog.ouyangsihai.cn >> Java後臺開發Tomcat新增https支援小程式開發過程
微信小程式開發--豆瓣圖書介面
由於微信小程式訪問豆瓣圖書介面的API被關閉， 所有從小程式端發起的訪問請求都會被拒絕， 403，禁止通訊。 其餘的資訊介面大都是http的，微信小程式中不允許訪問http， 我們通過中繼伺服器爬取並解析資料實現了一個可以在小程式中實現的圖書資訊查詢介面。 通過圖書的isbn 號碼查詢關於該圖書的各
微信小程式開發 筆記
1.[wxss]設定帶透明度的rgb顏色：rgb(0,0,0,0.5); 2.小程式使用類似於iOS的NSNotification：（第三方:https://github.com/icindy/WxNotificationCenter） (1)在需要收發通知的頁面引入WxNotification
微信小程式開發框架——WXSS（一）
WXSS語言決定了小程式頁面的各個元素在視覺上的展示，WXSS與CSS即為相試的、為了適合微信小程式開發WXSS對CSS進行相應的修改。 width:用來設定元素'寬度' / height:用來設定元素'高度 '/
【純·技術乾貨】更 App 化的小程式開發
2018 年 10 月13 日，由又拍雲和知曉雲聯合主辦的 Open Talk 丨2018 小程式開發者沙龍系列活動廣州站拉開帷幕，糗事百科前端負責人宋航在沙龍上做了《更App化的小程式開發》的分享。 “2018 小程式開發者沙龍”是又拍雲 Open Talk 繼“2018 音視訊技術沙龍”後推出的重磅系列
小程式開發工具命令列啟動配置
在cmd視窗中使用命令啟動指定的小程式專案 命令形如： wechat -o miniapp-shops 1.自定義一個 wechat.bat 檔案，輸入以下程式碼： @echo off call C:"\Program Files (x86)\Tencent\微信web開發者
純正商業級應用-微信小程式開發實戰已更完
第1章 導學與申請appkey 如何更好的學習本課程？如何申請開發者key？如何呼叫和測試介面？ 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇 2-1 流程與開發前準備 2
Taro：使用taro完成小程式開發
前言：taro是一個可以很好實現一次開發，多端統一的框架，本文只介紹它小程式端開發的一些內容。小程式專案搭建gitup已經有很清楚的說明：https://github.com/NervJS/taro 一.主要操作步驟及命令： 1.cnpm install -g @tarojs/cli 全域性安裝taro
微信小程式開發：二級、三級等多級聯動選單
二級級聯效果三級聯動效果 二級聯動和三級聯動的程式碼結構都是一樣，就看要怎麼設定。接下來上三級聯動的程式碼。 wxml <view class="picker-box"> <view class='skill-picker'&g