uniapp使用vue-cli新建項目并打包的步驟
更新時間：2023年11月10日 09:30:02 作者：小曲曲
這篇文章主要介紹了uniapp使用vue-cli新建項目并打包,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
新建項目
npm install -g @vue/cli vue create -p dcloudio/uni-preset-vue my-project
- 選擇默認模板
- npm run dev:h5 運行
安裝sass和uview （npm安裝失?。?/h2>
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)文章
這篇文章主要介紹了JavaScript事件冒泡與事件捕獲,結(jié)合實例形式分析了事件冒泡、阻止冒泡以及事件捕獲的相關(guān)原理、操作技巧與注意事項,需要的朋友可以參考下2018-08-08
JS中超過Number類型的最大值數(shù)怎么處理詳解(大數(shù)精度問題)
JavaScript的Number類型在我們平時寫腳本的時候隨處可見,下面這篇文章主要介紹了JS中超過Number類型的最大值數(shù)怎么處理的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-09-09
今天小編就為大家分享一篇解決layer 動態(tài)加載select 失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
MUI 實現(xiàn)側(cè)滑菜單及其主體部分上下滑動的方法
下面小編就為大家分享一篇MUI 實現(xiàn)側(cè)滑菜單及其主體部分上下滑動的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
利用JavaScript將Excel轉(zhuǎn)換為JSON示例代碼
這篇文章主要給大家介紹了關(guān)于利用JavaScript將Excel轉(zhuǎn)換為JSON的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06
這篇文章主要來和大家分享一下15個用于開發(fā)的TypeScript高級技巧，文中的示例代碼講解詳細，具有一定的學習價值，感興趣的小伙伴可以了解一下2023-07-07
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)篩選數(shù)組，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要為大家介紹了postMessage及webSocket跨域方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
刷新禁止用F5鍵刷新禁止右鍵這些在某些特殊情況下還是比較實用的，下面有個不錯的示例，感興趣的朋友可以參考下2013-09-09
對于面向?qū)ο蟮幕A(chǔ)語法在此我就不重復(fù)了，對面向?qū)ο蟛皇煜さ呐笥芽梢詤⒖础妒褂妹嫦驅(qū)ο蟮募夹g(shù)創(chuàng)建高級 Web 應(yīng)用程序》一文。2010-10-10