最近開發一個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
9.使用pm2插件啟動項目
（1）開發模式下，修改文件后，使用npm run dev 即可重新啟動項目。但是每次修改后都要輸入一次命令，很麻煩，所以我們使用node進程管理器pm2來啟動項目，這樣每次修改后，不用手動啟動項目，pm2會自動執行啟動命令。
pm2的介紹和使用方式可以參考這個頁面：https://www.npmjs.com/package/pm2
pm2的安裝命令如下：npm i pm2 -g
安裝好之后可以查看一下pm2版本：
（2）啟動項目時用到的命令npm run start 和 npm run dev 在項目的配置文件package.json中有定義：
可以看到，使用dev 和start 啟動項目，執行的是對應的js文件。
（3）根據上面的敘述，使用pm2來啟動項目：
命令：pm2 start build/dev-server.js --watch
啟動后pm2會顯示項目的信息(這里已經用 pm2 start server/bin/www --watch 命令啟動了express，所以看到了 www的信息)：
（4）測試一下修改文件后，pm2時候會自動重啟項目：
新建一個名為“Pm2Test ”的vue 組件：
（5）將這個組件加入到router中：
(6)直接訪問新添加的頁面pm2：
可以看到，pm2組件可以訪問到，說明修改文件后，pm2會自動幫我們重啟項目。
10.使用webstorm調試項目
編程過程中會經常debug，單靠打印無濟於事，所以需要打斷點調試。這里我們配置下webstorm，以便調試。
（1）按圖中所示的順序，配置調試信息，然后點擊OK
（2）配置完調試信息后，就可以打斷點調試了：
注意，啟動調試之前需要關閉pm2，否則會發生文件訪問沖突，關閉pm2的命令如下：
pm2 stop server/bin/www --watch
（3）這里調試的是express，調試配置的js文件是 server/bin/www.js 文件，配置圖如下：
搭建好開發環境后，就可以愉快地編寫項目了