taro开发微信小程序-初始化项目(一)

taro开发微信小程序,taro框架目前是移动端的混合全能框架,对于微信小程序平台编译优秀,taro结合webpack可以编译微信小程序,anroid,ios,H5等平台代码,taro ui是基于taro的一套ui界面库。本栏博客介绍如何使用使Trao和Taro UI框架来开发移动端微信小程序.

1.使用yarn或者npm来初始化项目

$ npm install -g @tarojs/cli   tip:这里可以换成cnpm
$ yarn global add @tarojs/cli

//注意yarn与node是需要提前安装好的

2.创建一个taro模版项目

 taro init taro-pro    
 //使用命令行进入到相应的目录之中 若需要新建一个文件夹请执行
 mkdir taro-pro && cd taro-pro

项目创建完成后直接一路回车或者提示的按照提示操作即可

3.项目创建完成后必须安装依赖

cnpm install

4.编译项目

这里以小程序的方式编译代码，然后预览

npm run dev:weapp

5.使用微信开发工具预览

打开开发者工具后选定dist目录作为小程序的开发目录即可

taro开发微信小程序-初始化项目(一)

taro开发微信小程序-了解项目结构(二)

taro开发微信小程序-使用Taro ui(三)

taro开发微信小程序-路由传参(四)

taro开发微信小程序-页面开发规范(五)

taro开发微信小程序-配置tab页面(六)

taro开发微信小程序-使用websocket(七)

taro开发微信小程序-网络请求(八)

taro开发微信小程序-解决编译报错Error: EISDIR: illegal operation on a directory（九）

taro开发微信小程序-加载腾讯地图(十)

taro开发微信小程序-播放轨迹(十一)

taro开发微信小程序-在地图页面添加搜索框(十二)

taro开发微信小程序-列表下拉刷新,上拉加载(十三)

taro开发微信小程序-添加开发者预览,上传测试版本(十四)

taro开发微信小程序-数据共享于缓存使用Redux(十五)

errMsg:getLocation:fail:require permission desc-小程序无法定位[解决](十六)