<option id="u08qk"></option>
  • <blockquote id="u08qk"><option id="u08qk"></option></blockquote>
  • <blockquote id="u08qk"><button id="u08qk"></button></blockquote>
    <li id="u08qk"></li>
  • <object id="u08qk"></object>
  • 成都web前端培訓
    成都達內金融街中心

    成都web前端培訓哪家好?npm全局創建wps加載項

    • 時間:2020-07-02 11:32
    • 發布:成都達內
    • 來源:成都達內

    基于vscode的方式創建wps加載項在獲取類型之后,無法自動生成wps加載項,在網上查詢相關問題內容也無果。不過Wps官方文檔又更新了通過npm全局的方式創建wps加載項,成都web前端培訓課程下面就來具體介紹一下。

    解決方案

    創建步驟:

    1.準備開發環境

    (1)安裝wps 2019

    (2)安裝node.js環境

    (3)安裝 Visual Studio Code

    2.創建wps加載項

    打開命令窗口(win+R 輸入cmd),然后輸入安裝命令npm install -g wps js

    執行安裝命令

    輸入wpsjs create Hello創建一個新的文件(如果存在相同的文件,會提示刪除)。

    創建新文件

    按提示選擇需要創建的類型和框架,這里的UI框架提供了兩種選擇,“無”代表示例代碼中都是原生的js及html代碼,沒有集成vue\react等流行的前端框架。"Vue"代表生成的示例代碼集成了Vue相關的腳手架,在實際的項目中選用Vue基于示例代碼可能更適合做工程化的開發。

    選擇類型和框架

    確認后會生成Hello的文件夾,可以進入文件夾查看目錄。

    查看文件目錄

    輸入命令wpsjs debug啟動wps 2019

    啟動wps

    啟動成功后會自動跳轉到wps 2019,然后再頂部欄找到wps加載項示例

    選擇wps加載項示例

    執行此命令后即可開始調試("Alt+F12"打開調試器),wpsjs工具包會自動啟動wps并加載HelloWps這個加載項,同時wpsjs工具包啟了一個http服務,此服務主要提供兩方面的能力:

    a.提供前端頁的的熱更新服務,wpsjs工具包檢測到網頁數據變化時,自動刷新頁面。

    b.提供wps加載項的在線服務,wpsjs生成的代碼示例是一個在線模式,wps客戶端程序實際上是通過http服務來請求在線的wps加載項相關代碼和資源的。

    創建完成后就可以用vscode軟件打開示例代碼,然后愉快地進行開發了

    上一篇:成都前端培訓課程:網頁結構化是什么?
    下一篇:成都web前端培訓多少錢?達內前端學員最高月薪16K

    成都web前端學習路線:vue3和vue2生命周期的對比

    成都web前端培訓:vue3.0 傳送門teleport

    成都web前端學習:JavaScript基礎ES5/ES6常用數組方法匯總

    成都web前端培訓:ES6和JavaScript的關系

    • 關注微信公眾號

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    校花把腿张开让男生桶视频