使用Mpvue开发微信小程序的环境配置

        上了一年的课程,终于结束了本人作为学生最后的课程,现在在老师的督促下,开始我的小程序之旅。小程序的开发环境几乎很少用官方推出的微信开发者工具。都是用他来作为测试,这个小程序的环境配置是挺简单的,但是作为新人,开发前端是菜鸟级,之前走了很多坑,现在写出来,避免再次走坑。废话不说,说正事。

       1.下载node.js,去官网上下载相应的版本。链接奉上       http://nodejs.cn;  

       2.安装就是下一步下一步,检查是否安装成功,打开cmd。输入  node -v 会出现版本号。

       3.推荐使用淘宝的镜像,国内比较慢。继续cmd里面输入    npm install -g cnpm --registry=https://registry.npm.taobao.org

       4.淘宝镜像安装成功,全局安装vue-cli脚手架。命令 npm install --global vue-cli

       5.这步折磨我半天的时间,如果要搭建vue的环境,命令是 vue init webpack my-project  my-project是我自己的文件夹的名字,        是基于webpack的项目,输入之后就一直回车,直到出现是否要安装vue-route,如果用到就y不用就n。那么vue的环境就安装          好了,等到下载完毕,进入到项目里面,输入: cd my-project。然后安装依赖,使用命令cnpm install。最后一步,在命令行          输入:cnpm run dev 回车即可。然后在浏览器输入端口号,即打开默认的模板。

       但是,我们的文章是使用Mpvue开发,所以这不是不行的,所以重点是这个,当我们下载完成nodjs时候,输入命令

       vue init mpvue/mpvue-quickstart my-project    //创建一个基于 mpvue-quickstart 模板的新项目

       然后下一步,提前准备好APPID 当下一步的时候,我们需要用到,我是过了一遍,就不再过第二变了,截图就算了

       之后的步骤就和上面安装一毛一样。# 安装依赖 $ cd my-project $ npm install # 启动构建 $ npm run dev其实他们的安装命令          官网上都有,所以没事逛逛官网看看,我就是由于两个命令如此相似,没有注意到,所以浪费了 很长时间。

       6.最后启动微信开发者工具引入项目就可以看到第一个Mpvue小程序。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值