欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

uniapp使用vue-cli新建項(xiàng)目并打包的步驟

 更新時(shí)間:2023年11月10日 09:30:02   作者:小曲曲  
這篇文章主要介紹了uniapp使用vue-cli新建項(xiàng)目并打包,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧

新建項(xiàng)目

npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project

  • 選擇默認(rèn)模板
  • npm run dev:h5 運(yùn)行

安裝sass和uview (npm安裝失敗)

bug:使用uni.scss中的變量或樣式,<style lang="scss"> 必須加lang才會生效
bug:使用uview只需要安裝 sass和 sass-loader即可,無需安裝 node-scss
bug:npm裝包失敗,需要使用 yarn add 安裝包即可

yarn add sass@1.49.8 sass-loader@8.0.2
yarn add uview-ui   

main.js

import uView from "uview-ui";
Vue.use(uView);

uni.scss

@import 'uview-ui/theme.scss';

pages.json(和pages平行)

"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},

index.vue

<u-button type="primary">主要按鈕</u-button>
<u-button type="success">成功按鈕</u-button>
<u-button type="info">信息按鈕</u-button>
<u-button type="warning">警告按鈕</u-button>
<u-button type="error">危險(xiǎn)按鈕</u-button>
<style lang="scss">

打包

npm run build:h5

到此這篇關(guān)于uniapp使用vue-cli新建項(xiàng)目并打包的文章就介紹到這了,更多相關(guān)uniapp新建項(xiàng)目打包內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論