美文网首页
凹凸实验室学习:安装Taro脚手架,启动应用程序

凹凸实验室学习:安装Taro脚手架,启动应用程序

作者: 喜欢走弯路的人 | 来源:发表于2022-10-21 23:46 被阅读0次

凹凸实验室程序资源git地址

Taro官网

1、进入凹凸实验室程序资源git地址下载程序

2、使用编辑器打开程序

3、安装Taro,执行命令

npm install -g @tarojs/cli

4、查看版本信息,执行命令

npm info @tarojs/cli

5、初始化项目,执行命令

taro init "项目名称" 

例如:taro initmyApp

6、按照下方图片依次选择,选择 NutUI 模板

vue3 vue2

7、myApp项目创建成功后,使用编辑器打开,并执行命令

npm add @tarojs/plugin-html

使用编辑器打开myApp项目,并执行命令 :npm add @tarojs/plugin-html

8、执行命令,启动应用程序

npm run dev:weapp    //启动小程序

npm run dev:h5  //启动h5页面

项目启动命令

9、app.js引入nutui组件库

(1)执行命令:npm i @nutui/nutui@2 -S

(2)app.js中引入nutui

    import Vue from 'vue';

    import NutUI from '@nutui/nutui';

    import '@nutui/nutui/dist/nutui.css';

    NutUI.install(Vue);

app.js中引入nutui组件库

相关文章

  • taro 云函数 gulp typescript 开发

    感谢凹凸实验室的 tarohttps://taro-docs.jd.com/taro/docs/[https://...

  • 搭建taro-demo

    taro是由凹凸实验室发布一套遵循 React 语法规范的多端统一开发框架 1. 安装taro $ npm ins...

  • 01-Taro打造hello-world应用

    01-Taro打造hello-world应用 一、简介 Taro是由京东凹凸实验室出品,书写一套代码通过 Taro...

  • Taro学习路线

    今天看凹凸实验室官方公众号说Taro出了3.4版本,恰临近春节没有写代码的欲望,干脆就安排学习新知识。 Taro官...

  • taro初探:使用taro构建微信小程序基础教程

    前言 由于微信小程序在开发上不能安装npm依赖,和开发流程上也饱受诟病;Taro 是由京东·凹凸实验室(aotu....

  • Taro学习笔记简记(一)

    Taro简介 Tora是由京东凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。 使用Taro,我...

  • Taro小程序采坑记

    Taro,京东凹凸实验室出品的适配多端的一个框架,Taro 是一套遵循 React 语法规范的 多端开发 解决方案...

  • taro开发微信小程序

    在京东凹凸实验室开发Taro跨平台早期之前,就已经进行Taro尝鲜了。开发这个实例猫眼电影已经过去几个月了。案例部...

  • Taro小程序多端框架探索(1)

    1、安装脚手架 cnpm install -g @tarojs/cli 2、初始化项目 taro init myP...

  • 和taro一起做SPA 5.taro环境搭建

    这章我们正式开始搭建taro的开发框架 1.搭建taro脚手架项目 首先,让我们搭建taro的脚手架,这个例子里我...

网友评论

      本文标题:凹凸实验室学习:安装Taro脚手架,启动应用程序

      本文链接:https://www.haomeiwen.com/subject/aeabzrtx.html