初始Taor的安装配置

taor

Taro 一套 遵循React 语法规范的多端开发解决方案。
使用 Taro，只书写一套代码，再通过 Taro 的编译工具，
将源代码分别编译出可以在不同端
（微信小程序、H5、App 端等）运行的代码。
同时 Taro 还提供了开箱即用的语法检测和自动补全等功能。

官网

taor安装

# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli

# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli

# OR 安装了 cnpm，使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli

官方安装命令文档

项目的搭建

taro init 项目名

如果你安装完taor但是命令窗口显示无法识别taro 这个命令
这个时候你要 
 -建议npm cache verify之后重新下载taro
 必须工具优先下载如 yarn>cnpm>npm
 然后再重新安装一下  npm install -g @tarojs/cli

基于 vscode开发

当你使用 VSCode 时，推荐安装 ESLint 插件，
如果你使用 TypeScript，
别忘了配置 eslint.probe 参数。
如果使用 Vue，推荐安装 Vetur 插件。

taro的命令

taro --help//帮助
taro doctor//报错使用这个命令查找
taro  update  self// 更新taro cli 工具
taro update project//更新taro的相关依赖

项目结构

1. 官方推荐的项目结构——

2. ├── config 配置目录
   | ├── dev.js 开发时配置
   | ├── index.js 默认配置
   | └── prod.js 打包时配置
   ├── src 源码目录
   | ├── components 公共组件目录
   | ├── pages 页面文件目录
   | | ├── index index 页面目录
   | | | ├── banner 页面 index 私有组件
   | | | ├── index.js index 页面逻辑
   | | | └── index.css index 页面样式
   | ├── utils 公共方法库
   | ├── app.css 项目总通用样式
   | └── app.js 项目入口文件
   └── package.json

千里之行
始于足下