装置根本东西
假如你的本地现已装置了nodejs(npm),省掉这一步
装置nodejs
引荐到下载装置包
下载完成后双击下载好的文件开端装置,点击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页面
商城前后端源码在上,下载完之后进入根目录下./mpvue/wap/
项目文件夹里,假如你装置了cnpm
就能够运用cnpm install
反之则 npm install
:
上面显现有27个包要装置,现在装置了6个,静静等候装置...,直接看到相似All packages installed
的提示,就表明装置成功了。
装置一切包之后npm run build
打包构建一下
只要把构建好的文件夹上传到服务器,就能够直接翻开运转了,默许生成的文件是在项目根目录下的public/wap里
,你也能够在vue.config.js
里边修正你生成之后的途径,主张不要修正,由于或许商城后台也写了这个默许的途径。
编译小程序页面
商城前后端源码在上,下载完之后进入根目录下./mpvue/weiapp/
项目文件夹里,假如你装置了cnpm
就能够运用cnpm install
反之则 npm install
:
装置一切包之后npm run build
打包构建一下
构建好的之后,翻开开发者东西,点击上传代码到者后台进一步操作就能够了