常用命令
打開weex項(xiàng)目
首先下載Visual Studio Code如果已經(jīng)有了直接打開軟件即可。下載完成之后直接安裝一直下一步，直接完成即可。
用Visual Studio Code打開用weex生成的項(xiàng)目，測(cè)試weex安裝時(shí)已經(jīng)已經(jīng)生成了一個(gè)weexDemo2項(xiàng)目。打開之后布局如下:
左側(cè)為項(xiàng)目所有文件及文件夾，右側(cè)為文件瀏覽器，底部為終端、控制臺(tái)等。
查看基本命令
在右側(cè)根目錄下可以查看到‘package.json’文件打開之后‘scripts’對(duì)象里面的藍(lán)色字體即為一些基本命令，本次只介紹常用的幾個(gè)簡(jiǎn)單命令。
dev
dev命令是對(duì)weex項(xiàng)目進(jìn)行編譯并將編譯的文件放在dist目錄下。打開窗口底部的終端，直接輸入命令：
npm run dev
與在cmd命令行中執(zhí)行是一樣的。執(zhí)行之后會(huì)在dist文件夾下成幾個(gè)js文件，如下圖所示：
index.web.js文件為index.js文件的壓縮文件。
serve
serve命令會(huì)打開當(dāng)前的weex項(xiàng)目，并將項(xiàng)目運(yùn)行在瀏覽器上,不關(guān)閉當(dāng)前的終端，可點(diǎn)擊右側(cè)加號(hào)新建一個(gè)終端，執(zhí)行serve命令：
npm run serve
執(zhí)行完命令之后，會(huì)自動(dòng)打開瀏覽器并打開項(xiàng)目。
熱更新問(wèn)題
熱更新：修改代碼保存之后，會(huì)直接更新在頁(yè)面山顯示，不需要重新打包。
我當(dāng)前weex版本較高，執(zhí)行erve命令之后直接就可以熱更新，修改index.vue文件保存之后，瀏覽器會(huì)直接刷新并顯示最新的內(nèi)容。
如上圖所示，直接將hello world！改成hello保存之后，瀏覽器將自動(dòng)刷新并顯示，更新后的內(nèi)容：
此時(shí)并未在終端執(zhí)行webpack打包操作，也為進(jìn)行瀏覽器刷新操作。
如果修改了index.vue但是并未熱更新，這說(shuō)明weex版本可能較低，需要手動(dòng)設(shè)置。
在package.json中可以看到build命令，它與webpack一樣可以對(duì)項(xiàng)目進(jìn)行打包，執(zhí)行該命令就可以打包，但是現(xiàn)在需要的是熱更新，需要實(shí)時(shí)的更新最新內(nèi)容，所以手動(dòng)的在build命令說(shuō)明的最后加上‘--watch’表示實(shí)時(shí)監(jiān)控，加完之后執(zhí)行build命令即可實(shí)現(xiàn)更新。有時(shí)候可能會(huì)沒用，打開新的終端多執(zhí)行幾次即可，但此時(shí)還不是熱更新。此時(shí)還需要將瀏覽器的項(xiàng)目地址更新，在端口后面增加‘/webpack-dev-server’，然后回車，此時(shí)每次修改index.vue文件將會(huì)實(shí)時(shí)熱更新。
npm run build
