天天看点

小程序开发:通过vue-cli 搭建 uniapp -----小程序项目

要求安装vue-cli3以上的版本

uniapp就是用了vue语法的小程序开发

2.9.6 初始化项目是用 vue init webpack my-project  3.0以上 初始化项目是用 vue create my-project
           

3.0以下 npm install -g vue-cli@版本号

3.0以上 npm install -g @vue/cli@版本号

步骤:

  1. 创建脚手架:npm install -g @vue/cli;若失败就安装:npm i -g @vue/cli@^3.12.1
  2. 创建项目:vue create -p dcloudio/uni-preset-vue 项目名;选择默认模板
  3. 进入项目: cd 项目名
  4. 运行项目:npm run dev:mp-weixin;启动小程序
  5. 在微信开发者工具导入项目:项目名\dist\dev\mp-weixin
  6. 发布项目:npm run build:mp-weixin

注意:

如果步骤一出错了:则 npm uninstall -g @vue/cli

如果步骤二出错:

例如:Fetching remote preset dcloudio/uni-preset-vue… 一直响应,但是一直不动

点击 uni-preset-vue链接 下载,通过本地来实现创建

vue create -p .\uni-preset-vue-master  项目名