美文网首页
从0开始搭建mpvue项目(一)搭建mpvue的开发环境

从0开始搭建mpvue项目(一)搭建mpvue的开发环境

作者: 香水的奥秘 | 来源:发表于2020-04-25 23:09 被阅读0次

    先检查下 Node.js 是否安装成功

    node -v

    v8.9.0+

    npm -v

    5.6.0+

    由于众所周知的原因,可以考虑切换源为 taobao 源

    npm set registry https://registry.npm.taobao.org/

    全局安装 vue-cli  一般是要 sudo 权限的

    npm install --global vue-cli@2.9

    安装

    vue init mpvue/mpvue-quickstart XXX

    安装依赖

    cd XXX

    npm install

    安装SCSS

    cnpm i -D sass-loader node-sass

    安装vant

    cnpm i vant-weapp -S --production

    安装router

    cnpm i -S mpvue-router-patch

    安装fly.js

    cnpm i -S flyio

    搭建小程序的开发环境

    小程序自己有一个专门的微信开发者工具最新版本下载地址

    用微信开发者工具调试开发 mpvue

    选择 小程序项目 并依次填好需要的信息:

    项目目录:就是刚刚创建的项目目录(非 dist 目录)

    AppID:没有的话可以点选体验“小程序”,只影响是否可以真机调试。

    点击导入项目 效果图

    相关文章

      网友评论

          本文标题:从0开始搭建mpvue项目(一)搭建mpvue的开发环境

          本文链接:https://www.haomeiwen.com/subject/qcwlwhtx.html