使用nodejs、ejsExcel、express、vuejs編寫一個excel轉json的工具——第一步：建立一個包含webpack的vuejs項目

標籤：build   網頁   dev   tps   exce   方法   com   tor   get   

最近開發一個h5的遊戲，需要一個excel轉json的工具，網上找了找，沒有發現適合的工具。想到自己之前用nodejs、express和vuejs做過一個網站，也用過ejsExcel外掛程式，於是自己動手做了一個。這裡簡單的記錄一下開發過程，給自己留個紀念。

這是本系列的第一篇部落格，從建立項目開始吧。

1.需要按照nodejs和vuejs

安裝的方法這裡不提了，網上找一找，教程很多。

安裝好了可以看一下nodejs、vuejs和express的版本號碼：

2.使用vuejs建立一個帶webpack的項目

建立命令： vue init webpack developer_tools

建立過程中需要填寫作者名稱、單元測試和一些配置，按需選擇就可以了，這是我建立好的：

 

3.進入項目路徑，使用 npm install 安裝項目依賴，很重要

我習慣使用簡寫命令npm i 來安裝依賴

命令：npm i

安裝過程需要等幾分鐘。安裝好了的如下：

 

4.使用npm run build 命令編譯項目

編譯結果如下：

 

5.使用npm run start 命令運行項目

運行命令：

這時候會自動開啟運行網頁，網頁內容如下：

 

 

7.使用express generator產生器產生後端服務架構

（1）使用命令：express server 引入express 

執行後的：

（2）進入產生的server目錄，使用npm i 命令安裝express的依賴

 

（3）運行express，然後訪問原生3000連接埠，就可以看到express頁面了：

運行express：

用瀏覽器訪問 http://localhost:3000/#/ ，就可以看到express運行頁面了：

 

 

8.安裝ejsExcel模組

之前用過ejsExcel外掛程式，功能很強大。這是它的hithub地址：https://github.com/sail-sail/ejsExcel

安裝到開發目錄裡面，安裝命令： npm i ejsexcel

 

 

到這裡，整個項目就建立好了

 

使用nodejs、ejsExcel、express、vuejs編寫一個excel轉json的工具——第一步：建立一個包含webpack的vuejs項目