uniapp使用vue-cli新建項目并打包的步驟
更新時間：2023年11月10日 09:30:02 作者：小曲曲
這篇文章主要介紹了uniapp使用vue-cli新建項目并打包,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
新建項目
npm install -g @vue/cli vue create -p dcloudio/uni-preset-vue my-project
- 選擇默認模板
- npm run dev:h5 運行
安裝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">危險按鈕</u-button> <style lang="scss">
打包
npm run build:h5
到此這篇關(guān)于uniapp使用vue-cli新建項目并打包的文章就介紹到這了,更多相關(guān)uniapp新建項目打包內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
最近在項目開發(fā)中，遇到好多雷同的頁面樣式，就想著可以將常用的功能模塊封裝成組件，方便在項目中使用和修改。這篇文章主要介紹了微信小程序之自定義組件的實現(xiàn)代碼（附源碼）,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JS倒計時兩種實現(xiàn)方式代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07
今天小編就為大家分享一篇解決layer.open后laydate失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
原生JS實現(xiàn)旋轉(zhuǎn)木馬式圖片輪播插件
這篇文章主要介紹了原生JS實現(xiàn)旋轉(zhuǎn)木馬式圖片輪播插件的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)吸頂盒效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)接收驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
javascript結(jié)合Flexbox簡單實現(xiàn)滑動拼圖游戲
本文給大家分享的是一則使用javascript結(jié)合Flexbox簡單實現(xiàn)滑動拼圖游戲的代碼，雖然沒有實現(xiàn)完整的功能，但是還是推薦給大家，喜歡的朋友可以繼續(xù)做完2016-02-02
JavaScript每天必學(xué)之事件,聊一聊事件冒泡與捕獲、事件冒泡的好處，感興趣的小伙伴們可以參考一下2016-09-09
javascript創(chuàng)建createXmlHttpRequest對象示例代碼
這篇文章主要介紹了javascript創(chuàng)建createXmlHttpRequest對象的示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
JavaScript模擬深藍vs卡斯帕羅夫的國際象棋對局示例
這篇文章主要介紹了JavaScript模擬深藍vs卡斯帕羅夫的國際象棋對局示例,使用javascript較為逼真的模擬出了國際象棋對弈的場景,需要的朋友可以參考下2015-04-04