uniapp使用vue-cli新建項(xiàng)目并打包的步驟
更新時(shí)間：2023年11月10日 09:30:02 作者：小曲曲
這篇文章主要介紹了uniapp使用vue-cli新建項(xiàng)目并打包,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(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安裝失?。?/h2>
bug：使用uni.scss中的變量或樣式，<style lang="scss"> 必須加lang才會(huì)生效
bug：使用uview只需要安裝 sass和 sass-loader即可，無(wú)需安裝 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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- Vue如何實(shí)現(xiàn)打包資源按時(shí)間戳方式
- vue打包部署到springboot并通過(guò)tomcat運(yùn)行的操作方法
- 解決vue3項(xiàng)目打包后部署后某些靜態(tài)資源圖片不加載問(wèn)題
- vue3項(xiàng)目打包成apk(android)詳細(xì)圖文教程
- 使用electron打包Vue前端項(xiàng)目的詳細(xì)流程
- 詳解vue-cli4 配置不同開(kāi)發(fā)環(huán)境打包命令
- vue-cli3 打包優(yōu)化之 splitchunks詳解
- vue-cli如何修改打包項(xiàng)目結(jié)構(gòu)及前綴
- vue/cli3版本打包如何去掉soucemap文件
相關(guān)文章
這篇文章主要介紹了JavaScript事件冒泡與事件捕獲,結(jié)合實(shí)例形式分析了事件冒泡、阻止冒泡以及事件捕獲的相關(guān)原理、操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-08-08
JS中超過(guò)Number類(lèi)型的最大值數(shù)怎么處理詳解(大數(shù)精度問(wèn)題)
JavaScript的Number類(lèi)型在我們平時(shí)寫(xiě)腳本的時(shí)候隨處可見(jiàn),下面這篇文章主要介紹了JS中超過(guò)Number類(lèi)型的最大值數(shù)怎么處理的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-09-09
解決layer 動(dòng)態(tài)加載select 失效的問(wèn)題
今天小編就為大家分享一篇解決layer 動(dòng)態(tài)加載select 失效的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
MUI 實(shí)現(xiàn)側(cè)滑菜單及其主體部分上下滑動(dòng)的方法
下面小編就為大家分享一篇MUI 實(shí)現(xiàn)側(cè)滑菜單及其主體部分上下滑動(dòng)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
利用JavaScript將Excel轉(zhuǎn)換為JSON示例代碼
這篇文章主要給大家介紹了關(guān)于利用JavaScript將Excel轉(zhuǎn)換為JSON的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
15個(gè)用于開(kāi)發(fā)的TypeScript高級(jí)技巧分享
這篇文章主要來(lái)和大家分享一下15個(gè)用于開(kāi)發(fā)的TypeScript高級(jí)技巧，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價(jià)值，感興趣的小伙伴可以了解一下2023-07-07
JavaScript實(shí)現(xiàn)篩選數(shù)組
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)篩選數(shù)組，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要為大家介紹了postMessage及webSocket跨域方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
刷新禁止用F5鍵刷新禁止右鍵這些在某些特殊情況下還是比較實(shí)用的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-09-09
對(duì)于面向?qū)ο蟮幕A(chǔ)語(yǔ)法在此我就不重復(fù)了，對(duì)面向?qū)ο蟛皇煜さ呐笥芽梢詤⒖础妒褂妹嫦驅(qū)ο蟮募夹g(shù)創(chuàng)建高級(jí) Web 應(yīng)用程序》一文。2010-10-10