代码:https://github.com/ikuokuo/start-taro
前提准备
yanglobaddad @ tarojs/CLI创建项目
taroinitmy-app输出信息:Tarov3.0.16
芋即将创建一个新项目!
需要帮助吗?Goandopenissue:https://tls.jd.com/taro-issue-helper
?请输入项目介绍!
?请选择框架反应
?是否需要使用打字稿?是
?请选择半铸钢钢性铸铁(铸造半钢)预处理器(萨斯/减/手写笔)萨斯
?请选择模板源Gitee(最快)
拉取远程模板仓库成功!
?请选择模板太郎
创建项目:my-app
.
cdmy-app,执行gitinit
安装成功
.
创建项目我的应用成功!
请进入项目目录我的应用开始工作吧!
运行程序
微信小程序
下载并打开微信开发者工具,然后导入我的应用项目:
编译预览:
yarndev:weapp
纱线运行1。22 .10
nbsp .npmrunbuild:weapp - watch
npmWARNlifecycleThenode光亮的汽车arysusedforscriptis/var/folders/D3/gg 88014s 28j 41 gh6 dznfp 7h 0000 gn/T/yard-1605187598317-0.7598317/nodebutnpmisusing/usr/local/光亮的汽车/node本身。使用`- scripts-prepend-node-path `选项到cludettgarthforthenode光亮的汽车arynpmwasexecutedwith .
my-app @ 1。0 .0构建: weapp/Users/ikuokuo/start-taro/my-app
tarobuild - typeweapp' - watch '
Tarov3.0.16
Tips:预览模式生成的文件较大,设置NODE_ENV为生产可以开启压缩。
示例:
nbsp .NODE _ ENV=生产tarobuild型weapp-watch
生成工具配置/Users/ikuokuo/start-taro/my-app/dist/project。配置。JSON
编译发现入口src/app.ts
编译发现页面src/pages/index/index.tsx
编译成功
监听文件修改中.
编译打包:
yarnbuild:weapp
纱线运行1。22 .10
nbsp .tarobuild - typeweapp
Tarov3.0.16
生成工具配置/Users/ikuokuo/start-taro/my-app/dist/project。配置。JSON
编译发现入口src/app.ts
编译发现页面src/pages/index/index.tsx
编译成功
Hash:3e1757774efcf01a6850
版本:webpack4.42.0
时间:6089毫秒
建筑:11/12/20209:46:51下午
AssetSizeChunksChunkNames
app。js 77 kib 3[发射]app
app。js。LICENSE。txt 500字节[已发出]
app。js 177字节[已发出]
app。wxss 0字节3[发射]app
基地。KiB[发射]
比较。js72字节5[发射]comp
比较。js 54字节[发出]
比较。wxml 84字节[发出]
页面/索引/index。js 150 kib 6[发出]页面/索引/index
页面/索引/索引。js。LICENSE。txt 1。21磅[已发出]
页面/索引/索引。JSON 71字节[发出]
页面/索引/索引。wxml 82字节[发出]
页面/索引/索引。wxss 1.44 kib 6[发出]页面/索引/索引
运行时。联署材料1.46 KiB 0[发射]运行时
芋头。js 94.4知识基础1[发射]芋头
utils。wxs 981字节[已发出]
供应商。联署材料13.5知识基础2[发出的]供应商
小贩。js。LICENSE。txt 295字节[已发出]
entrypointapp。config=运行时。射流研究…
entrypointpages/index/index。config=运行时。射流研究…
entrypointapp=runtime。jstaro。js供应商。js应用。wxssapp。射流研究…
entrypointcomp=运行时。jstaro。jsvenders。jscomp。射流研究…
entrypointpages/index/index=runtime。jstaro。js供应商。js页面/索引/索引。wxsspages/index/index。射流研究…
完成于11.08秒
基础教程
根据创建项目时的选择,继续阅读教程。例如本文的选择,请阅读:反应taro UI