Create beautiful Apps Script add-ons with Vuetify and Vue.js

854 views
Skip to first unread message

Bruce Mcpherson

unread,
Dec 28, 2020, 12:42:16 PM12/28/20
to Google Apps Script Community

It's quite tricky to get things in order if you're using a framework like Vue in your add-on or webapp. Here's a series of article + an add-on template to get you started


https://ramblings.mcpher.com/vuejs-apps-script-add-ons/

dimud...@gmail.com

unread,
Dec 28, 2020, 2:35:46 PM12/28/20
to Google Apps Script Community
Awesome! Good to know that there are other devs out there using this stack. Haven't made the jump to Vue3 as yet so I'm curious to know if there are any major stumbling blocks I'd need to be aware of.  

Adam Morris

unread,
Dec 28, 2020, 4:11:14 PM12/28/20
to google-apps-sc...@googlegroups.com
Awesome stuff. 
I have to promote svelte though!


On Tue, Dec 29, 2020 at 1:42 AM Bruce Mcpherson <br...@mcpher.com> wrote:

It's quite tricky to get things in order if you're using a framework like Vue in your add-on or webapp. Here's a series of article + an add-on template to get you started


https://ramblings.mcpher.com/vuejs-apps-script-add-ons/


--
You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/0909835c-be63-4841-a150-43be773f5f94n%40googlegroups.com.
--

Faustino Rodriguez

unread,
Dec 29, 2020, 5:25:30 PM12/29/20
to Google Apps Script Community
It is comforting to learn how others are using Vue/Vuetify combination
- I would need some more time to digest Bruce's abstraction, but it looks very powerful indeed

So far, I am using Vue+Vuetify only as libraries avoiding the actual Vue framework and even the all encompassing .vue files

Clark Lind

unread,
Dec 31, 2020, 8:24:19 AM12/31/20
to Google Apps Script Community
Thanks Bruce!  Ashton Fei also has a video on Youtube where he incorporated Vue into his GAS project. (code available).

Clark

On Monday, December 28, 2020 at 12:42:16 PM UTC-5 Bruce Mcpherson wrote:

Clark Lind

unread,
Dec 31, 2020, 8:53:37 AM12/31/20
to Google Apps Script Community
erm... stupid question... I copied the sheet, and I see sheet-bound code. Is this stand-alone? There isn't an "OnOpen" function or anything. Is this the correct sheet? Or do I need to deploy the template, install it, etc?  Just want to make sure I'm not doing something wrong. :)

On Monday, December 28, 2020 at 12:42:16 PM UTC-5 Bruce Mcpherson wrote:

Clark Lind

unread,
Dec 31, 2020, 9:29:50 AM12/31/20
to Google Apps Script Community
Disregard... I think the more I read and try to follow what you're doing, the more baffled and frustrated I am getting. lol  This is way over my head.

Bruce Mcpherson

unread,
Jan 1, 2021, 8:49:57 AM1/1/21
to google-apps-sc...@googlegroups.com
It's a standalone add-on - the addon.gs is the startup and you can use the test add-on dialog in the IDE to use with the example sheet.

bruce

--
You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.

Bruce Mcpherson

unread,
Jan 1, 2021, 8:58:11 AM1/1/21
to google-apps-sc...@googlegroups.com

معنى الحياة عقبه

unread,
Jan 2, 2021, 9:12:36 AM1/2/21
to google-apps-sc...@googlegroups.com
انا عربيه لا اجيد الغه الانجليزيه واريد فهم البرمجة .

في الاثنين، ٢٨ ديسمبر، ٢٠٢٠ ٨:٤٢ م Bruce Mcpherson <br...@mcpher.com> كتب:

It's quite tricky to get things in order if you're using a framework like Vue in your add-on or webapp. Here's a series of article + an add-on template to get you started


https://ramblings.mcpher.com/vuejs-apps-script-add-ons/

--
You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.

Yasir Karam

unread,
Jan 2, 2021, 12:48:42 PM1/2/21
to google-apps-sc...@googlegroups.com
طلب سهل المنال بمشاهدة كل ماهو عربي فقط على اليوتيوب

Reply all
Reply to author
Forward
0 new messages