相關(guān)文章

• 

  vue+xlsx實(shí)現(xiàn)前端模版下載、導(dǎo)入和導(dǎo)出excel文件

  產(chǎn)品需求：后端不想寫(xiě)下載，導(dǎo)入和導(dǎo)出的接口，讓我們前端自己實(shí)現(xiàn)。 這里我們就可以用xlsx插件來(lái)實(shí)現(xiàn)，我們不多說(shuō)了，先放一下實(shí)現(xiàn)的圖片，下面我們分別把模版下載、導(dǎo)入和導(dǎo)出的代碼放上來(lái)，想用的話，直接復(fù)制粘貼即可！ 模版下載圖片 導(dǎo)出圖片： 好了，下面我

  2024年02月13日

  瀏覽(95)
• 

  vue項(xiàng)目中使用scss

  sass-loader：把 sass編譯成css sass-loader：nodejs環(huán)境中將sass轉(zhuǎn)css 提示：限制 node-sass，sass-loader 版本號(hào)，防止默認(rèn)安裝的版本號(hào)過(guò)高 版本對(duì)應(yīng)關(guān)系： 提示：在 build 文件夾目錄下 webpack.base.conf.js 文件中，找到 rules 添加以下代碼 提示：在組件中style標(biāo)簽上添加屬性 lang=\\\"scss\\\"，保存運(yùn)

  2024年02月17日

  瀏覽(15)
• 

  SCSS全局配置 vue項(xiàng)目(二)

  目錄 1、先要查看node版本???????? 2、安裝對(duì)應(yīng)的node-sass、sass-loader版本 2.1根據(jù)項(xiàng)目使用的node版本安裝對(duì)應(yīng)的node-sass版本 2.2根據(jù)node-sass版本選擇兼容的sass-loader版本，不然項(xiàng)目無(wú)法正常運(yùn)行 3、在 vue.config.js 中配置：? 4、在組件中的具體使用 1、先要查看node版本??????

  2024年04月27日

  瀏覽(17)
• 

  Vue3+Vite項(xiàng)目按需自動(dòng)導(dǎo)入配置及常見(jiàn)問(wèn)題修復(fù)

  解決的問(wèn)題：避免在每個(gè)vue組件中都重復(fù)性的去聲明ref,reactive等。如下： 1.1 配置 unplugin-auto-import 具體配置： 安裝vite插件： unplugin-auto-import 1.2 可能遇到ts,eslint不識(shí)別而導(dǎo)入報(bào)錯(cuò)的問(wèn)題 1、typescript 報(bào)錯(cuò)： \\\'reactive\\\' is not defined. 原因 ：TS未識(shí)別到vue api,沒(méi)有相應(yīng)的模塊聲明文件

  2024年02月16日

  瀏覽(23)

• vue3+vant自動(dòng)導(dǎo)入+pina+vite+js+pnpm搭建項(xiàng)目框架

  要搭建一個(gè)使用Vue 3、Vant組件庫(kù)、Pina狀態(tài)管理、Vite作為構(gòu)建工具、JavaScript語(yǔ)言、pnpm作為包管理工具的項(xiàng)目框架，可以按照以下步驟進(jìn)行操作： 這將生成一個(gè) package.json 文件。 至此，你已經(jīng)搭建好了一個(gè)使用Vue 3、Vant組件庫(kù)、Pina狀態(tài)管理、Vite作為構(gòu)建工具、JavaScript語(yǔ)言、

  2024年04月14日

  瀏覽(92)
• 

  Vue3+Vite項(xiàng)目引入Element-plus并配置按需自動(dòng)導(dǎo)入

  我使用的是 pnpm ，并且順便將 element-plus/icons 一起引入 如果您使用 Volar，請(qǐng)?jiān)诟夸浵?tsconfig.json 中通過(guò) compilerOptions.type 指定全局組件類型 3.1 首先你需要安裝 unplugin-vue-components 和 unplugin-auto-import 這兩款插件 3.2 然后把下列代碼插入到根目錄下 vite.config.ts 文件中 Element-lus官

  2024年02月13日

  瀏覽(29)

• vue 前端自動(dòng)打開(kāi)文件地址進(jìn)行下載

  最近在做異步導(dǎo)出的功能，導(dǎo)出的過(guò)程中前端另外啟動(dòng)一個(gè)查詢導(dǎo)出進(jìn)度的線程接口。如果導(dǎo)出完成后，把生成的文件上傳到服務(wù)器，返回給前端一個(gè)文件的下載地址； 前端自動(dòng)打開(kāi)這個(gè)地址進(jìn)行跳轉(zhuǎn)下載。 有兩種方式 這種方式有一個(gè)問(wèn)題，會(huì)被瀏覽器自動(dòng)攔截彈出的窗口

  2024年02月04日

  瀏覽(25)
• 

  vue前端使用Jenkins自動(dòng)構(gòu)建項(xiàng)目，保姆級(jí)教程

  1. 開(kāi)始前的準(zhǔn)備工作 在阿里云控臺(tái)界面搜索 容器鏡像服務(wù) 添加個(gè)人版的容器鏡像服務(wù) 然后在服務(wù)器上安裝docker使用下面兩個(gè)腳本文件 創(chuàng)建一個(gè)腳本 install_before_docker_env.sh 創(chuàng)建第二個(gè)腳本 install_docker-new.sh 在服務(wù)根目錄下創(chuàng)建一個(gè) install 目錄將兩個(gè)腳本文件放入 cd 到 instal

  2024年02月05日

  瀏覽(28)
• 

  React Dva項(xiàng)目中.roadhogrc.mock.js直接自動(dòng)導(dǎo)入mock目錄下所有文件方式

  上文 React Dva項(xiàng)目中模仿網(wǎng)絡(luò)請(qǐng)求數(shù)據(jù)方法 中，我們書(shū)寫(xiě)了Dva項(xiàng)目模擬后端數(shù)據(jù)的方式 但是 我們.roadhogrc.mock.js中的這個(gè)處理其實(shí)并不好用 我們還需要一個(gè)一個(gè)的引入 我們可以直接靠一段代碼 這就是一個(gè)讀流的方式 獲取mock目錄下的所以文件 然后找出后綴為 .js的文件 全部弄

  2024年02月15日

  瀏覽(20)
• 

  使用vscode在vue項(xiàng)目中重命名文件選擇了更新導(dǎo)入路徑仍有部分導(dǎo)入路徑?jīng)]有更新

  背景: 將一個(gè)js文件重命名，vscode彈出是否更新導(dǎo)入路徑，選擇更新導(dǎo)入后，發(fā)現(xiàn)js文件中導(dǎo)入路徑都自動(dòng)更新，vue文件中路徑都沒(méi)有更新。 解決方案： 在設(shè)置中搜索updateimport，將最下面的VueUpdate Imports On File Move: Enable 將其勾選，就可以實(shí)現(xiàn)vue文件的重命名更新導(dǎo)入。經(jīng)過(guò)實(shí)

  2024年02月12日

  瀏覽(34)