Taro微信小程序安装使用
1.Taro 项目基于 node,请确保已具备较新的 node 环境(>=8.0.0),官方下载地址:http://nodejs.cn/download/
2.安装配置node.js,自带npm
通过 node -v 查看版本号,确定是否安装成功,在node安装的根目录新建两个文件夹,分别是node_global,node_cache。
然后打开控制台设置路径:
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
通过npm config list 查看配置。
配置系统变量:
在path最后加上";D:\nodejs\node_global"
控制台设置镜像:
npm get registry 查看当前镜像源
npm config set registry https://registry.npm.taobao.org 更改为淘宝镜像
3.CLI 工具安装
npm install -g @tarojs/cli
如果安装过程出现sass相关的安装错误,请在安装mirror-config-china后重试
$ npm install -g mirror-config-china
4.cnpm安装
$ npm install -g cnpm --registry=https://registry.npm.taobao.org 安装命令
$ cnpm -v 检查是否安装成功
5.项目初始化
$ taro init myApp 创建项目(myApp是项目名称),
特别提醒:第三第四项选择的时候,初始为第一个,但选择箭头却不指向第一个,通过上下按钮选择,不要被界面中的箭头指向误导!
6.下载安装微信开发者工具
官方下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
使用微信开发者工具需要我们先申请一个开发者账号,这里有官方教程 ,就不再赘述。https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7
使用 npm 安装依赖: npm install
然后执行语句运行:
$ npm run dev:weapp 以dev环境运行
$ npm run build:weapp 打包
将项目导入微信开发者工具,查看效果
最后贴上Taro官方教程文档: https://taro-docs.jd.com/taro/docs/GETTING-STARTED.html