# 安裝基本工具 如果你的本地已經安裝了nodejs(npm)，省略這一步 ## 安裝nodejs 推薦到[NodeJS的官網](https://nodejs.org/en/)下載安裝包  下載完成后雙擊下載好的文件開始安裝,點擊next進入下一步，勾選同意協議，繼續下一步。然后選擇安裝的位置，默認是在C盤，改成D盤安裝，這是個好習慣，建議保持。全部`next`安裝就好了  安裝NodeJs之后默認就有NPM，這時在打開命令行（快捷鍵`window+r`,輸入`cmd`)   在命令行中輸入`node -v`/`npm -v`，如無意外有版本號輸入，則表示安裝好了  ## 安裝cnpm 這步可以忽略，如果你對自己的網速非常自信的話，`cnpm`是國內淘寶的鏡像,可以更快的下載你所需要的包，運行以下命令安裝`cnpm`: ``` npm install -g cnpm --registry=https://registry.npm.taobao.org ``` 安裝完成后在命令行中輸入`cnpm -v`，如果和下面輸出大致相同，就安裝成功了，以后就可以使用`cnpm`代替`npm`安裝各種包了。  # 編譯H5頁面 商城前后端源碼在[coding](https://coding.net/u/weiphpdev/p/weiphp5.0/git?from=singlemessage)上,下載完之后進入根目錄下`./mpvue/wap/`項目文件夾里，如果你安裝了`cnpm`就可以使用`cnpm install` 反之則 `npm install`：  上面顯示有27個包要安裝，目前安裝了6個，默默等待安裝...，直接看到類似`All packages installed`的提示，就表示安裝成功了。  安裝所有包之后`npm run build`打包構建一下  只要把構建好的文件夾上傳到服務器，就可以直接打開運行了，默認生成的文件是在項目根目錄下的`public/wap里`，你也可以在`vue.config.js`里面修改你生成之后的路徑，建議不要修改，因為可能商城后臺也寫了這個默認的路徑。 # 編譯小程序頁面 商城前后端源碼在[coding](https://coding.net/u/weiphpdev/p/weiphp5.0/git?from=singlemessage)上,下載完之后進入根目錄下`./mpvue/weiapp/`項目文件夾里，如果你安裝了`cnpm`就可以使用`cnpm install` 反之則 `npm install`：  安裝所有包之后`npm run build`打包構建一下  構建好的之后，打開開發者工具，點擊上傳代碼到微信開發者后臺進一步操作就可以了