01.开发微信小程序的一些准备工作

1.微信小程序的前期准备

微信公众平台

查看小程序的开发文档

安装微信开发工具选择Windows 64的系统

2.安装NodeJs

参考Windows Nodejs 安装教程

  1. 访问 官方地址
  2. 下载并安装 Windows Installer (.msi 64)
  3. 配置环境变量:
NODEJS_HOME  =  C:\nodejs
PATH 中追加 %NODEJS_HOME%
NODE_EXE = %NODEJS_HOME%\node.exe
NPM_CLI_JS = %NODEJS_HOME%\node_modules\npm\bin\npm-cli.js
  1. 在nodejs的主目录下,创建 node_global 和 node_cache 两个文件夹。

  2. 创建完两个空文件夹之后,并设置环境变量。

NODE_GLOBAL = %NODEJS_HOME%\node_global
NODE_CACHE = %NODEJS_HOME%\node_cache
NODE_PATH = %NODE_GLOBAL%\node_modules
PATH 中追加 %NODE_GLOBAL%
  1. 打开cmd命令窗口,输入
npm config set prefix C:\nodejs\node_global
npm config set cache C:\nodejs\node_cache
  1. 测试安装npm扩展
npm install express -g
  1. 前往淘宝镜像官网,可查看安装cnpm包的命令

  2. 在命令行输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. 配置cnpm环境变量

PATH 中追加 C:\Program(看个人需要)

3.安装Taro

官网查看

  1. 控制台运行:

cnpm install -g @tarojs/cli

注意事项

值得一提的是,如果安装过程出现sass相关的安装错误,请在安装mirror-config-china后重试。

npm install -g mirror-config-china

  1. cd到小程序的项目地址,并执行:

npm run dev:weapp

  1. 打开微信开发工具,并导入项目,运行。