uniapp使用vue-cli新建項(xiàng)目并打包的步驟
新建項(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)文章希望大家以后多多支持腳本之家!
- Vue如何實(shí)現(xiàn)打包資源按時(shí)間戳方式
- vue打包部署到springboot并通過tomcat運(yùn)行的操作方法
- 解決vue3項(xiàng)目打包后部署后某些靜態(tài)資源圖片不加載問題
- vue3項(xiàng)目打包成apk(android)詳細(xì)圖文教程
- 使用electron打包Vue前端項(xiàng)目的詳細(xì)流程
- 詳解vue-cli4 配置不同開發(fā)環(huán)境打包命令
- vue-cli3 打包優(yōu)化之 splitchunks詳解
- vue-cli如何修改打包項(xiàng)目結(jié)構(gòu)及前綴
- vue/cli3版本打包如何去掉soucemap文件
相關(guān)文章
微信小程序之自定義組件的實(shí)現(xiàn)代碼(附源碼)
最近在項(xiàng)目開發(fā)中,遇到好多雷同的頁面樣式,就想著可以將常用的功能模塊封裝成組件,方便在項(xiàng)目中使用和修改。這篇文章主要介紹了微信小程序之自定義組件的實(shí)現(xiàn)代碼(附源碼),需要的朋友可以參考下2018-08-08JS倒計(jì)時(shí)兩種實(shí)現(xiàn)方式代碼實(shí)例
這篇文章主要介紹了JS倒計(jì)時(shí)兩種實(shí)現(xiàn)方式代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07原生JS實(shí)現(xiàn)旋轉(zhuǎn)木馬式圖片輪播插件
這篇文章主要介紹了原生JS實(shí)現(xiàn)旋轉(zhuǎn)木馬式圖片輪播插件的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-04-04javascript結(jié)合Flexbox簡單實(shí)現(xiàn)滑動(dòng)拼圖游戲
本文給大家分享的是一則使用javascript結(jié)合Flexbox簡單實(shí)現(xiàn)滑動(dòng)拼圖游戲的代碼,雖然沒有實(shí)現(xiàn)完整的功能,但是還是推薦給大家,喜歡的朋友可以繼續(xù)做完2016-02-02javascript創(chuàng)建createXmlHttpRequest對象示例代碼
這篇文章主要介紹了javascript創(chuàng)建createXmlHttpRequest對象的示例代碼。需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02JavaScript模擬深藍(lán)vs卡斯帕羅夫的國際象棋對局示例
這篇文章主要介紹了JavaScript模擬深藍(lán)vs卡斯帕羅夫的國際象棋對局示例,使用javascript較為逼真的模擬出了國際象棋對弈的場景,需要的朋友可以參考下2015-04-04