前端►Taro

taro-step-1

笔者的开发环境

  1. macOS
  2. Docker
  3. Node.js v8.12
  4. Taro

这个开发环境消耗比较多的硬件资源，如果硬件资源受限的同学，鼓励使用本机环境，不要使用Docker环境。

1
2
node -v
v8.12.0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
taro help
👽 Taro v1.2.0-beta.2

Usage: taro <command> [options]

Options:
  -V, --version       output the version number
  -h, --help          output usage information

Commands:
  init [projectName]  Init a project with default templete
  build               Build a project with options
  update              Update packages of taro
  convert             Convert weapp to taro
  help [cmd]          display help for [cmd]

初始化环境步骤

如下操作，macOS 或 Linux 用户可能需要使用管理员权限。

  1. 安装 Node.js，访问如下网址，选择适合您开发机的版本

    1
    https://nodejs.org/download/release/latest-v8.x/

    写作本文时，笔者看到可以下载 v8.13.0 安装完毕后在 Shell窗口中输入如下命令确认Node.js的版本号

    1
    node -v

    macOS 或 Linux 可以轻松打开Shell窗口， Windows则是打开命令行窗口或Dos窗口。下文不再区分操作系统。

  2. 升级 npm

    1
    npm i npm@latest -g

  3. 安装 Taro

    1
    npm install -g @tarojs/cli@^1.1.7

    在Shell窗口中输入 taro help确认Taro的版本号。

    1
    👽 Taro v1.2.0-beta.2

    如果您尝试安装成熟稳定的版本，可以使用如下命令声明版本号。

    1
    npm install -g @tarojs/cli@1.1.8

  4. 安装cnpm，不方便直接访问海外网站的同学，可以安装cnpm

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

创建第一个项目

鼓励您创建一个专用文件夹，保存所有的前端项目。 比如笔者创立一个文件夹tencentyun

  1. 在Shell窗口中使用脚手架创建第一个项目，taro init gangxiaoer-init
  2. 切换到项目文件夹 cd gangxiaoer-init
  3. taro run