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

2022-10-21  本文已影响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组件库
上一篇下一篇

猜你喜欢

热点阅读