凹凸实验室学习:安装Taro脚手架,启动应用程序
2022-10-21 本文已影响0人
喜欢走弯路的人
1、进入凹凸实验室程序资源git地址下载程序
2、使用编辑器打开程序
3、安装Taro,执行命令
npm install -g @tarojs/cli
4、查看版本信息,执行命令
npm info @tarojs/cli
5、初始化项目,执行命令
taro init "项目名称"
例如:taro initmyApp
6、按照下方图片依次选择,选择 NutUI 模板
vue3 vue27、myApp项目创建成功后,使用编辑器打开,并执行命令
使用编辑器打开myApp项目,并执行命令 :npm add @tarojs/plugin-htmlnpm 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组件库