微信小程序开发微信小程序开发开发之路

开发之路七——Taro微信小程序安装使用

2020-05-19  本文已影响0人  林几许

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 ls -l 查看配置。

配置系统变量:

在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.项目初始化

$ taro init myApp   创建项目(myApp是项目名称),

特别提醒:第三第四项选择的时候,初始为第一个,但选择箭头却不指向第一个,通过上下按钮选择,不要被界面中的箭头指向误导!

5.下载安装微信开发者工具

官方下载地址: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

上一篇 下一篇

猜你喜欢

热点阅读