构建基于vue的nw项目

• 创建项目目录

mkdir vue-nw

• 使用vue-cli创建vue项目

cd vue-nw
vue init webpack

• 以浏览器方式执行

npm install
npm run dev

• 安装nwjs环境依赖

npm install nw --save-dev

• 路由模式设置为history

// router/index.js
mode: 'history'

• 设置nw项目启动地址，并指定node-remote

// package.json
"main": "http://localhost:8080/",
"node-remote": "<all-urls>"

• 启动

// 如常启动web浏览器
npm run dev
// 因为在package.json中main指定的是web端运行的地址，因此执行下面命令后打开的是client端。
nw ./