美文网首页
凹凸实验室学习:安装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脚手架,启动应用程序

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