1. 程式人生 > >atom用atom-beautify格式化微信小程式程式碼

atom用atom-beautify格式化微信小程式程式碼

公司硬性要求程式碼格式問題,我是用atom編寫的微信小程式程式碼,這就蛋疼了,百度的atom-beautify最多隻支援格式化js和json的程式碼,查了半天沒有找到解決辦法,就想把外掛改一下,因為wxml和wxss與xml和css沒什麼區別,就想著能不能把wxml和wxss新增到atom-beautify的xml和css的讀取檔案裡面,然後發現,可行!下面看截圖:

先找到atom-beautify外掛: 找到atom-beautify

開啟設定 選擇View Code

點開設定裡面的View Code

依次點開如下目錄:

view目錄

點開 css.coffee在這裡新增你要加入的小程式的wxss的檔案格式就好啦:

css

wxml也類似,在下面找到xml.coffee新增wxml檔案格式:


這樣之後用atom-beautify就能格式化wxml和wxss檔案啦!快捷鍵是ctrl+alt+b

相關推薦

atomatom-beautify格式化程式程式碼

公司硬性要求程式碼格式問題,我是用atom編寫的微信小程式程式碼,這就蛋疼了,百度的atom-beautify最多隻支援格式化js和json的程式碼,查了半天沒有找到解決辦法,就想把外掛改一下,因為wxml和wxss與xml和css沒什麼區別,就想著能不能把wxml和wxs

使Atom支援程式程式碼格式wxml,wxss有顏色(高亮)

在用Atom來瀏覽或者編輯微信小程式時的介面時全灰色文字怎麼辦?!! 如何讓wxml和wxs格式的程式碼像HTML,CSS變成高亮的呢。。 就像這樣 ↓↓↓↓↓↓↓ 修改步驟如下 1.在Atom中裝

程式程式碼怎麼工具開啟看

 1、首先要下載微信官方的微信Web開發者工具。開啟微信公眾平臺,找到右下方的小程式模組,點選「開發」按鈕;   2、點選頂部導航欄的「工具」按鈕,在新頁面的左側欄中找到「下載」。可以看到,開發工具提供 Windows 32 位、Windows 64 位和 Mac

nodejs快速實現程式的websocket服務端

摘要: 微信小程式服務端使用websocket方式。socket.io已作為nodejs體系中被廣泛應用的websocket解決方案,卻因socket.io對websocket做了高階封裝,不能相容微信小程式所採用的websocket標準協議無法直接使用,此外微

Taro做個程式Todo, 白工作記錄

微信小程式框架: Taro 做微信小程式的框架, 幾個比較主流的: 官方的WePY: https://tencent.github.io/wepy/document.html#/ 美團的mpvue: http://mpvue.com/mpvue/#-html 京東的Taro: https://taro.ao

程式程式碼上傳,稽核釋出程式

1.開啟微信開發者工具 管理員掃碼 -> 填寫好小程式的專案目錄、AppID(必須是客戶已註冊好的AppID)、專案名稱 2.在app.js中修改id(客戶登入後臺管理系統的id),app.json中修改頁面導航欄標題navigationBarTitleText

程式程式碼最大限制2M的解決方案

瞭解小程式有最大程式碼量限制之前需要先了解微信小程式的本質:前端近幾年都處於技術爆炸時期, react 最早的是facebook開源的開發框架----react,支援移動網頁和原生app的開發(react native),提倡一次學習,全渠道開發。目的是讓產品研發更聚焦更敏捷,它有三個重要特

程式程式碼結構簡介

在建立一個小程式工程之後,會顯示如下圖 project.config.json:微信開發者工具的配置資訊 app.js:幫助我們去註冊一個微信小程式的應用 app.json:微信小程式的一個全域性配置 app.wxss:設定微信小程式全域性的一些樣式 pages:存放的

Python有趣的程式程式碼分享

Python有趣的微信小程式程式碼分享 1:列印心形 print('\n'.join([''.join([('Love'[(x-y)%4]if((x*0.05)**2+(y*0.1)**2-1)**3-(x*0.05)**2*(y*0.1)**3<=0 else' ')for x in

程式程式碼最大限制2M

瞭解小程式有最大程式碼量限制之前需要先了解微信小程式的本質:前端近幾年都處於技術爆炸時期, react 最早的是facebook開源的開發框架----react,支援移動網頁和原生app的開發(react native),提倡一次學習,全渠道開發。目的是讓產品研

100多個程式程式碼免費送

所有資源均來自網際網路公開渠道蒐集,僅供學習交流之用,版權歸原作者所有。連結: https://pan.baidu.com/s/1PyFC-v9bDdZRBsVXJwyalg 密碼: 8834補充:微信小程式官方Demo(Hao-Wu/WeApp-Demo)微信小應用示例程式

4個無敵好程式了你都離不開

自從有了微信小程式,平均每天開啟微信的次數在急劇增加,因為微信小程式,無需下載,無需安裝,不佔手機記憶體,卻還有和手機APP同樣強大的功能,讓很多人受益。以下是我手機裡4個無敵好用的微信小程式,用了保證你都離不開。 1.胖次工具箱 一個簡潔、無廣告的多功能工具箱 這個小程式真的是

程式可以到的各大平臺的免費介面

慕課網介面:https://www.imooc.com/course/ajaxlist         豆瓣: https://api.douban.com/v2/book/search?q= "百年孤獨"  

4個別人都愛程式,快來親自體驗一下啦!

自從小程式正式啟用後,小程式可以幫我們解決不少難題了,它的最大好處就是不用下載,使用起來方便快速,因此獲得了很多朋友的喜愛,今天為大家整理了5個超棒的微信小程式,還沒用用過的朋友可以使用一下哦! 1.王大嬸冥想 這是一個與智慧機器人聊天的冥想小程式,王大嬸兒用聊天對話的形式提供多種服務,有煩

程式--video完成一個視訊彈幕的專案

1.視訊播放器 2.選擇彈幕顏色 3.彈幕來了...   第一:  index.wxml <!--index.wxml--> <view class="section tc"> <video id="myVideo" style

Jmeter做程式專案介面測試【案例】

公司新專案組開發一款微信小程式電商平臺,為了更好保證產品質量,因此提出了需要進行介面測試。 從介面本身來講,對其測試與其他專案應該是一樣的。所以不難理解,我們要對小程式的介面測試需要準備的 材料有: 1、完備的介面文件(什麼是完備的介面文件,之前文章有寫到,這裡不再綴敘) 2、測試工

python玩轉遊戲 大小猜猜看

用python玩轉微信小遊戲 大小猜猜看 遊戲模式 在微信小程式裡搜尋“大小猜猜看”,即可找到該遊戲。 遊戲的目標比拼計算能力,找出誰大誰小,一共有40題,全部答對即挑戰成功。 一開始答題時間充足,數字也比較簡單,後面就需要特別快的計算速度。 專案地址 本專案地址

開發者工具--開啟程式weui元件示例

瀏覽器搜尋 :https://github.com/Tencent/weui-wxss/ 1.下載為小程式設計的weui元件, 2.在開發者工具中開啟dist目錄,而不是整個目錄, 在開發者工具中就可以預覽weui元件的示例了。   如果想在自己專案中引用weui元件,需要

程式 canvas繪製的圖插入到分享中

用canvas繪製圖 createNewImg: function () { var that = this; var ctx = wx.createCanvasContext('mycanvas'); ctx.setFillStyle("#F4F4F4"); // context.set

程式 封裝好的picker日期元件(即拿即

微信小程式中使用picker元件,但基本只有幾種格式,這裡分享一下封裝好的日期元件。 選擇後格式類似於:2018-09-19 17:30:55 wxml <picker class='alarm_picker' mode="multiSelector" v