Taro 开发日记-1-安装环境&创建项目

暂定计划

用Taro和云函数开发一个可以分享和公开访问的Todo List 小程序.

1.基础工具

• ① 基础类型文件。
• ② 文件夹调整。
• ③ 工具类，编辑管理工具。（模块创建/页面创建/组件创建/页面目录/导航配置/本地服务）

2.页面

• ① 登录
• ② 富文本组件/图表组件/日历组件（taro-ui）
• ③ 文章内容 (读写)
• ④ 列表读取/搜索
• ⑤ 文章~分享-评论访问记录

3.页面

• ① 登录，存储个人信息
• ② 日记存储/读取/修改
• ③ 列表读取/搜索
• ④ 文章权限（阅读权限/分享权限/修改权限）

安装环境

0. 安装node

下载安装git

git下载

直接安装node

如果你电脑什么都没有,可以从安装 nodejs 开始。
windos下载.msi并安装
mac下载.pkg并安装
安装完成之后,启动windows cmd命令行或Mac的终端
输入
node -v

系统会时显示当前node 的版本号 则安装成功。

先安装nvm 再安装node

windows 下载nvm
mac 访问 nvm Github 根据说明安装
或者直接在终端中执行

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

v0.35.3 是版本号可以去github 查看当前版本,或者根据需要自己安装。
安装完成之后,启动 windows cmd命令行或Mac的终端
执行nvm -V
会显示

安装node: 执行

nvm install 12.18.0

等待命令执行完成

使用

nvm list

可以看到当前使用的node 版本，如果已经安装了多个node 版本,可以通过指定版本号

nvm run node --version

以下没有梯子的同学注意！

#安装cnpm 
npm install -g cnpm
#OR 临时使用淘宝镜像
npm --registry https://registry.npm.taobao.org install express
#OR 永久使用淘宝镜像
npm config set registry https://registry.npm.taobao.org

这里推荐安装cnpm持久修改淘宝镜像的时候,你如果要使用 npm publish 发布包还得换回来挺麻烦的。
如果有些包cnpm 报错,临时使用淘宝镜像安装一次就好了。

1.安装Taro

taro 官网

访问Taro官网,安装 Taro/cli
P.S.:CLI=英文 command-line interface ,是命令行界面的意思

执行

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

如果安装过程出现sass相关的安装错误，请在安装mirror-config-china后重试。

npm  install -g mirror-config-china

安装成功查看taro当前版本：

taro -V 

创建项目

# 使用命令创建模板项目
taro init myApp
#OR 使用npx
npx @tarojs/cli init myApp

创建完成之后 移动到项目目录

cd myApp
# 安装依赖 😅现在好像会自己安装了
npm install
# OR 使用cpm
cnpm install

等待安装完成之后 执行

npm run dev:wapp
# OR 访问H5
npm run dev:h5

等待编译完成,
使用小程序开发工具打开项目
OR使用浏览器打开访问页面
至此 项目创建完成

Taro 开发日记-2