zoukankan      html  css  js  c++  java
  • mpvue前期准备

    一、配置环境:

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

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

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

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

    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 模板的新项目

            (如果出现安装失败:https://blog.csdn.net/github_38928905/article/details/85335630)

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

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

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

    7.

    后续其它步骤—打包上线
    自己的项目文件都需要放到 src 文件夹下

    项目开发完成之后,可以输入 npm run build 来进行打包工作

    npm run build
    打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看

    项目上线时,只需要将 dist 文件夹放到服务器就行了。

    二、官方手册:http://mpvue.com/

           推荐初学者:https://www.jianshu.com/p/2e98cc166dbd

  • 相关阅读:
    多校省选模拟33 C
    省选测试47 T2宝石(P5401 [CTS2019]珍珠) 题解
    省选测试39
    省选测试38
    省选测试37
    自嗨测试赛4
    自嗨测试赛3
    自嗨测试赛2
    自嗨测试赛1
    树状数组 学习笔记
  • 原文地址:https://www.cnblogs.com/init-007/p/10667076.html
Copyright © 2011-2022 走看看