資訊專欄INFORMATION COLUMN
摘要：在很多原因下，我們?yōu)榱擞峡蛻艋蛘咂渌脑?，需要在本身代碼或框架不能兼容的瀏覽器下運行項目，怎么辦呢，我們將其打包為桌面應(yīng)用不失為一種好。如果圖標有變化，大功告成我的沒有換圖標，所以依然是的圖標
WHY
在很多原因下，我們?yōu)榱擞峡蛻艋蛘咂渌脑?，需要在本身代碼或框架不能兼容的瀏覽器下運行項目，怎么辦呢，我們將其打包為桌面應(yīng)用不失為一種好idea。nw.js是node-webkit.js的簡稱。相當于一個自定義的webkit內(nèi)核瀏覽器（chrome）中執(zhí)行服務(wù)端代碼，因此，我們的項目只需要兼容chrome就ok了。第一次打包的時候，在網(wǎng)上找了好多教程，可是怎么都打不出來，經(jīng)過自己的探究后，也希望大家可以少才點坑吧。
HOW首先我們需要以下幾個軟件，如果沒有，點擊其對應(yīng)超鏈接進入下載
STEP 1.準備工作1.nw.js nw.js 也可以進行npm安裝 """npm install nw -g"""
2.Enigma Virtual Box Enigma Virtual Box
一切需在你的項目打包結(jié)束后進行，例子中的項目打包結(jié)束后，會在dist文件夾中。按照下面的規(guī)則建立文件
nwjs----package.json
|
---src
|
---package.json
本例子的文件夾名為nwjs，在nwjs下新建src文件與package.json文件，然后，在src文件中新建package.json文件，并將打包好的文件全部copy進src中
外層的package代碼如下
{
"name": "vein_web",
"version": "1.0.0",
"devDependencies":{
"nw":"^0.18.2",
"nw-builder":"^3.1.2"
},
"scripts":{
"dev":"nw src/",
"prod":"nwbuild --platforms win32 --buildDir dist/ src/" ======根據(jù)你的需要，我的例子只輸出win32
}
}
src中的package.json代碼如下
{
"name":"nwjs",
"version": "1.0.0",
"main":"index.html",
"window":{
"min_width":400,
"min_height":400
}
}
2.安裝并進行生產(chǎn)構(gòu)建
在根目錄下（我的為nwjs文件）執(zhí)行yarn install，然后你就靜靜的wait。
在這里使用npm與yarn沒有差別，只不過我突然發(fā)現(xiàn)我現(xiàn)在喜歡用yarn而且能稍微快一點點，如果你習慣npm也無妨
接著在根目錄下執(zhí)行yarn run prod
生變化，就像這樣
按照這個路徑找到你命名的文件（exe結(jié)尾），雙擊打卡，如果你的項目啟動了，你就成功一半了，當然，此時，如果你將此文件脫離文件夾是不會運行的，會alert下面的對話框，好，我們繼續(xù)。
建好的exe結(jié)尾的文件
2.點擊左下角的Add按鈕==》點擊Add Files，選擇除了exe結(jié)尾的全部文件
3.點擊Add按鈕==》點擊New Folders，新建一個locales文件夾
4.右擊新建的licales文件==》Add Files，添加locales中的所有文件
5.點擊Files Option==》Compress Files
6.點擊右下方的Process按鈕，運行完畢后會生產(chǎn)boxed文件
OK，剛才生產(chǎn)好的boxed文件就是我們辛苦半天的結(jié)晶，你可將他多帶帶拉出去脫離原文件夾，也是可以運行的
不過現(xiàn)在我們的應(yīng)用是nwjs的圖標，下面 ，我們?nèi)Q應(yīng)用的圖標
下載Resource Hacker后，打開你的boxed應(yīng)用==》右擊icon group==》然后選擇你準備好的圖標==》save
這里需要注意的是圖標應(yīng)為icon格式，換完之后，你可能會發(fā)現(xiàn)圖標沒有變，你不妨試試將你的應(yīng)用換一個盤存放或者壓縮后發(fā)給你的好友，在他的電腦打開看看。如果圖標有變化，大功告成
我的沒有換圖標，所以依然是nwjs的圖標
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/83655.html
摘要：下面這張解決了怎么用完成任務(wù)的問題，最后，開發(fā)者怕你懷疑的強大，又提供了幾個和許多成功的案例來打消我們的顧慮。拿下助攻決定用之后，就開始補充相應(yīng)的知識啦。來欣賞一下一些應(yīng)用的截圖吧，不得不說開發(fā)出的應(yīng)用一點不比原生的丑陋啊。 博客地址 每個程序員都希望用自己喜歡的語言，自己喜歡的平臺、工具，寫自己喜歡的程序。于是我們會看到有人在Win下用Visual Studio愉快地coding，也...
摘要：與是年最早公開發(fā)布的兩個框架，后來者還包括與。此外，另一重心是與團隊的合作，預(yù)計將貫穿年。年展望對平臺而言，年的重點是提升穩(wěn)定性與采納率。最早由開發(fā)，于年公開發(fā)布。時間會告訴我們，的極速增長能否在年持續(xù)下去。 【編者按】本文作者為資深 Web 開發(fā)者 TJ VanToll, TJ 專注于移動端 Web 應(yīng)用及其性能，是《jQuery UI 實踐》 一書的作者。 本文系 OneAPM 工...
摘要：歡迎使用中文文檔架構(gòu)概覽是網(wǎng)易項目團隊開發(fā)的一個基于進行開發(fā)的應(yīng)用層框架，提供了一個輕量級的容器來編寫簡單可維護的。 JavaScript 可以……嘛，不就是操作一下 DOM，可以讓元素飛來飛去嗎JavaScript 是……不就是用 jQuery 讓網(wǎng)頁動起來，頂多就是再用用 Ajax 和后端進行一下數(shù)據(jù)交換嗎JavaScript 是一門……最討厭和鄙視這種弱類型不需要編譯的腳本語言...
閱讀 2417·2021-11-22 14:56
閱讀 1646·2021-09-24 09:47
閱讀 993·2019-08-26 18:37
閱讀 2888·2019-08-26 12:10
閱讀 1573·2019-08-26 11:55
閱讀 3209·2019-08-23 18:07
閱讀 2381·2019-08-23 14:08
閱讀 662·2019-08-23 12:12
