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