nwjsはパッケージ化されたvueプロジェクトを開始する。

nwjs パッケージ化されたvueプロジェクトの始め方

1. nwjsのダウンロード
   
   官网下载通常、公式サイトは、ダウンロードする淘宝網のイメージを使用して、この時間をダウンロードするのが遅くもちろん、選択とバージョンのバージョン ここでは、v0.41.1を選択します

2. インデックスに追加
   
   私はここでmacのコンピュータを使用しています。

1 フォルダディレクトリにcdを解凍する
2 cp -r ./nwjs.app /Applications/ ファイルをApplications
3   alias
vi ~/.bash_profile // insert
alias nw="/Applications/nwjs.app/Contents/MacOS/nwjs" //ファイルに入れる。
:wq! // 終了して保存する。
 source ~/.bash_profile //実行する
4 カレントディレクトリでnwjsを実行すると、インストールが成功したことを示すnwjsが表示される画面が起動する。

1. vueプロジェクトをパッケージング npm run build でdistフォルダを作成します。

1. 実行

vue プロジェクトをパッケージ化する npm run build

nwjs アプリケーションのパッケージ化

プロジェクトの開始方法について説明したので、アプリケーションのパッケージング方法について説明します。

distフォルダにpackage.json
{
 "name":"tehe",
 "main": "index.html",
 "version":"1.0.0",
 "window": {
 "width": 1000,
 "height": 750,
 "frame": true,
 "toolbar": false,
 }
}
 nwjsの設定に従って、さらに追加できる。 
上のnwを実行したディレクトリにある /Users/tehe/QMS-front-admin/dist/
nw /Users/tehe/QMS-front-admin/dist/
これでvueのデスクトップ・アプリケーションにアクセスできるようになった。

www.npmjs.com/package/nw-...

学習交流グループ qq 群 211496338