electron-vue搭建項目

原文連接

使用pdf.js插件與LODOP控件實現前端瀏覽器靜默打印PDF文件

lodop官網地址：http://www.lodop.net/download.html

 點擊下載，文件裏有使用手冊

 

 

electron+vue：博客地址：http://www.javashuo.com/article/p-cfuxgnxs-es.html

electron-vue官網地址：https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

 

搭建一個electron-vue項目

一、新建個文件夾    打開cmd    cd到這個文件夾

二、按住那個全局的vue-cli        npm install -g @vue/cli-init

三、搭建項目       vue init simulatedgreg/electron-vue my-project        （這一步後提示 正在下載模板  須要稍等一下子）

而後一通 yes+回車

 而後按照提示   cd 到 my-project

執行npm install   (項目中會多一個node-modules文件夾)

趕忙用 vscode打開  ！！！

運行一下  npm run dev

而後報了個這個錯：Electron failed to install correctly, please delete node_modules/electron and try installing again

解決辦法是：手動刪除node-modules/electron 文件後，執行：npm install --save-dev electron

如今在下載，灰常慢，半天跑不動。。。

而後換上  淘寶鏡像執行：cnpm install --save-dev electron

很快就安裝上了！！！

執行一下npm run dev

 

彈出了個這個窗口，感受不像瀏覽器窗口。。。