vue 根目录url_快速搭建Vue.js & Electron

使用vue-cli 3 创建Vue项目

npm install -g @vue/clivue create my-projectcd my-projectnpm install electron

在 my-project的根目录下，创建app.js，内容如下

const electron =require('electron')const app = electron.appconst BrowserWindow = electron.BrowserWindowlet urlif (process.env.NODE_ENV === 'DEV') { url = 'http://localhost:8080/'} else { url = `file://${process.cwd()}/dist/index.html`}app.on('ready', () => { let window = new BrowserWindow({width: 800, height: 600}) window.loadURL(url)})

在package.json的scripts节点中加入

"dev": "NODE_ENV=DEV vue-cli-service serve & sleep 5 && NODE_ENV=DEV electron app.js"

运行

npm run dev

看看效果吧！

一个桌面应用程序就完成了。