前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >快速初始化一个mpvue 项目

快速初始化一个mpvue 项目

作者头像
honey缘木鱼
发布2019-06-21 21:12:26
4540
发布2019-06-21 21:12:26
举报
文章被收录于专栏:娱乐心理测试

mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.jsruntimecompiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。

mpvue特性:

一. 开发环境

  1. 检查下 Node.js 是否安装
代码语言:javascript
复制
node -v

已安装

2.检查npm是否安装

代码语言:javascript
复制
npm -v

已安装

  1. 切换源为 taobao 源
代码语言:javascript
复制
npm set registry https://registry.npm.taobao.org/

4.全局安装 vue-cli

代码语言:javascript
复制
npm install --global vue-cli@2.9

二. 创建mpvue项目 1.项目路径

代码语言:javascript
复制
cd '你想保存的路径'//cd /Users/zj/Desktop/新建mpvue项目(以桌面为例)
  1. 创建一个基于 mpvue-quickstart 模板的新项目
代码语言:javascript
复制
vue init mpvue/mpvue-quickstart my-project
  1. 如图所示:

三. 安装项目依赖

代码语言:javascript
复制
cd my-project
npm install
npm run dev

四. 运行项目

1.用微信开发者工具打开

2.编译后效果图

  1. 在npm install --global vue-cli@2.9时如果报错如下图所示:

解决方案:

代码语言:javascript
复制
1. cd  /usr/local/lib/node_modules/
2. open /usr/local/lib/node_modules/
3. 删除vue-cli文件夹
4. npm install --global vue-cli@2.9
  1. 在输入项目名称时报错

解决方案: 项目名称字符要小写,不能大写

  1. 假如 node.js 没有安装
代码语言:javascript
复制
  1. 到[node官网](https://nodejs.org/en/download/) 选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可。
  2. 检查下 Node.js 是否安装
    node -v
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.01.28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档