Taro的详细安装及编译

由于Taro官方文档对于安装步骤介绍地不是很详细，因为安装和编译过程全是命令式的，而且中间可能会有各种报错，这对于刚入门Taro的人来讲确实有点太耽误时间，所以我把我经历过的一些安装步骤告诉大家，希望对大家能带来一点帮助。

下面开始进入正题：

微信小程序开发工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html，安装稳定版

Taro官方文档：https://taro-docs.jd.com

1、安装cli工具：npm install -g @tarojs/cli

注意：这种在mac电脑上都会报权限错误，被拒绝访问的一些错误，这时我们要以管理员的身份进行安装，在前面加sudo，也就是：sudo npm install -g @tarojs/cli

如果安装非常慢，建议装下cnpm，也就是淘宝镜像，安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

如果安装失败了，大部分是因为两个原因，一个是权限，还有一个就是版本原因，如果是第一个，那在前面加上sudo就可以了，如下：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

第二个原因，可以执行cnpm -v 查看cnpm版本号，再执行npm install npm@对应版本号，最后再执行安装镜像命令就能成功了。完成后便可以用cnpm去代替npm，速度会快很多。

 

2、新建项目：切换到需要新建项目的目录，比如我要安装在新建的taroPjt文件下：cd /Users/paat5324/mine/taroPjt ，比如我要新建一个名为myApp的项目，命令如下：taro init myApp

注意: 这时它还会报一种错误：Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@tarojs/cli/templates/taro-temp'，如果没报错直接看第三步

这是因为在mac电脑上报本地的以及全局的npm包没有授权运行，需要设置权限。
我们先使用npm root -g找到你全局npm包的安装位置，即node_modules文件。

然后使用sudo chown -R $username $path，这个命令来给你的全局包开启权限。

注意：$username是你当前电脑的一个用户名，$path是npm包的安装位置，如：

sudo chown -R paat5324 /usr/local/lib/node_modules

最后再重新执行新建工程命令：taro init myApp

 

3、编译项目：npm run dev:weapp

注意，这下面报了一个错误，实际上是自己犯的一个低级错误，这个错误是告诉我们不能在项目所在的文件夹下运行，而是要在项目下的根目录下执行运行命令，所以先切换到项目更目录下来cd /Users/paat5324/mine/taroPjt/myApp ，再执行npm run dev:weapp

最后打开微信小程序工具看下效果：

备注：微信小程序工具仅仅只是作为预览和发布用的，代码编辑像webstorm或者vsCode或者Hbuilder等等都可以的，哪个好用就用哪个，编辑完后点击保存，小程序运行效果也会跟着同步的。

好啦，整个安装编译的过程就结束了，希望对大家有用！