Hello world!
Choose the button below to set the color of the selected range to green.
摘要:地址項(xiàng)目需求有空就嘗試使用去構(gòu)建一個(gè)微軟太坑爹了只給了的教程文檔會(huì)嘗試中英文雙語的使用來構(gòu)建一個(gè)在這篇文章,你可以看到是如何使用和的來構(gòu)建一個(gè)的需要安裝全局安裝最新版本的和。
vue-excel-addin git地址
項(xiàng)目需求 有空就嘗試使用vue去構(gòu)建一個(gè)excel addin使用Vue來構(gòu)建一個(gè)Excel add-in
微軟太坑爹了,只給了ng react jquery的教程
文檔會(huì)嘗試中英文雙語的
在這篇文章,你可以看到是如何使用Vue和Excel的JavaScript API來構(gòu)建一個(gè)Excel add-in的
需要安裝Vue-cli
npm install --global vue-cli
全局安裝最新版本的Yeoman和Yeoman generator for Office Add-ins。
npm install -g yo generator-office生成新的Vue項(xiàng)目
使用vue-cli來搭建腳手架,在命令行輸入如下命令:
vue init webpack vue-excel-addin
每個(gè)add-in都需要一個(gè)manifest文件來配置和定義它的功能
進(jìn)入app文件
cd vue-excel-addin
使用Yeoman來生成你的add-in的manifest文件, 運(yùn)行如下命令
yo office
Would you like to create a new subfolder for your project?: No
What do you want to name your add-in?: My Office Add-in
Which Office client application would you like to support?: Excel
Would you like to create a new add-in?: No
生成工具會(huì)問你是否需要打開 resource.html.這篇文檔無需打開, 當(dāng)然如果你好奇的話,打開也沒關(guān)系! 選擇 yes 或者 no 讓生成工具完成它的工作把!
跟著以下的教程來運(yùn)行你的excel add-in吧
Windows: Sideload Office Add-ins on Windows
Excel Online: Sideload Office Add-ins in Office Online
iPad and Mac: Sideload Office Add-ins on iPad and Mac
編輯package.json 給dev腳本添加--https參數(shù)
更新app打開index.html, 把以下的標(biāo)簽添加到之前
打開src/main.js 將`new Vue({
el: "#app",
components: {App},
template: "
})`替換成以下
Office.initialize = () => { new Vue({ el: "#app", components: {App}, template: "" }) }
打開 src/App.vue, 修改為如下
試一下吧Hello world!
Choose the button below to set the color of the selected range to green.
Try it out
在命令行輸入以下命令
npm start
npm start
在Excel中的開始tab, 選擇Show Taskpane按鈕來打開add-in的task pane
選擇任意一個(gè)區(qū)域的單元格
在task pane內(nèi), 點(diǎn)擊 Set color按鈕來將選中區(qū)域的顏色轉(zhuǎn)為綠色
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/92845.html
閱讀 765·2019-08-29 16:32
閱讀 836·2019-08-29 12:31
閱讀 3208·2019-08-26 18:26
閱讀 3152·2019-08-26 12:20
閱讀 1728·2019-08-26 12:00
閱讀 3006·2019-08-26 10:58
閱讀 2811·2019-08-23 17:08
閱讀 2309·2019-08-23 16:32