国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue2項(xiàng)目部署到碼云(gitee/pages)的操作步驟

這篇具有很好參考價(jià)值的文章主要介紹了vue2項(xiàng)目部署到碼云(gitee/pages)的操作步驟。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

說明:本文默認(rèn)你已經(jīng)將vue2項(xiàng)目做完,且還未打包;默認(rèn)你會(huì)使用git提交代碼到gitee倉庫,只是還不會(huì)使用gitee的pages功能。

1、打開gitee官網(wǎng)并登錄,登錄 - Gitee.com

2、創(chuàng)建一個(gè)gitee倉庫,假設(shè)命名為 'mystore' ,然后將寫好的vue項(xiàng)目提交到這個(gè)倉庫;

? ? ? ? ============ 第3,4兩步為重要步驟?============

3、在gitee上部署單頁應(yīng)用需要在根目錄創(chuàng)建一個(gè)空的文件,文件名為“.spa”

vue2項(xiàng)目部署到碼云(gitee/pages)的操作步驟

?

4、需要在vue.config.js文件中,配置 publicPath: "/mystore/",這里的mystore為你的倉庫名稱,解決部署后的路徑請求問題

module.exports = defineConfig({
  publicPath: "/mystore/"
})

5、然后對項(xiàng)目進(jìn)行打包,將打包后的文件上傳到gitee(這里需要將.gitignore文件中的dist字段刪除,不然dist文件是默認(rèn)被忽略,無法上傳到gitee倉庫的)

?6、如圖,進(jìn)入到mystore倉庫后,找到 服務(wù) --> gitee pages

vue2項(xiàng)目部署到碼云(gitee/pages)的操作步驟

?這里第一次進(jìn)入是需要實(shí)名認(rèn)證的,按步驟操作即可,一般1-2個(gè)工作日審核完,如果急需使用,也可以到官方交流群里面催管理員審核

7、審核完畢之后,按如下圖操作即可,部署目錄需要寫上dist

vue2項(xiàng)目部署到碼云(gitee/pages)的操作步驟

?部署完畢后,會(huì)有一個(gè)網(wǎng)站地址,能打開看到你的項(xiàng)目頁面,即表示部署成功文章來源地址http://www.zghlxwxcb.cn/news/detail-411614.html

到了這里,關(guān)于vue2項(xiàng)目部署到碼云(gitee/pages)的操作步驟的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • gitee(碼云)建立新倉庫并推送項(xiàng)目代碼步驟

    gitee(碼云)建立新倉庫并推送項(xiàng)目代碼步驟

    1.下載git工具并安裝(推薦使用14-16版本,版本過高可能會(huì)導(dǎo)致項(xiàng)目安裝依賴失?。?2.安裝完成后 3.到碼云內(nèi)注冊賬號 4.注冊完成后新建倉庫 5.桌面右擊打開git Bash Here 6.git clone 復(fù)制某個(gè)倉庫內(nèi)克隆下載按鈕點(diǎn)一下會(huì)有個(gè)https地址,將本地與遠(yuǎn)程倉庫建立連接 7.連接成功以后會(huì)

    2024年04月22日
    瀏覽(28)
  • IDEA將本地項(xiàng)目上傳到碼云

    IDEA將本地項(xiàng)目上傳到碼云

    一、創(chuàng)建本地倉庫并關(guān)聯(lián) 用IDEA打開項(xiàng)目,在菜單欄點(diǎn)擊vcs-create git repository創(chuàng)建本地倉庫, 選擇當(dāng)前項(xiàng)目所在的文件夾當(dāng)作倉庫目錄。 二、將項(xiàng)目提交本地倉庫 項(xiàng)目名右鍵就會(huì)出現(xiàn)“GIT”這個(gè)選項(xiàng)-Add-Commit Directory, 先將項(xiàng)目add到緩沖區(qū), 再git-commit到本地倉庫 選擇“Commit

    2024年02月15日
    瀏覽(31)
  • 用IDEA/命令行上傳本地項(xiàng)目到碼云

    用IDEA/命令行上傳本地項(xiàng)目到碼云

    一般我們都是用IDEA從遠(yuǎn)端倉庫拉取代碼,然后修改,提交,再推送。 但是,如果我們要將本地開發(fā)好的項(xiàng)目上傳到遠(yuǎn)程倉庫呢? 下面簡單記錄下直接用命令行的方式,以及借用IDEA完成的方法。 其實(shí)我是推薦這種方法的,用工具可能還要更加繁瑣一點(diǎn)。 1.創(chuàng)建本地倉庫 在電

    2023年04月11日
    瀏覽(31)
  • vue3+vite靜態(tài)頁面部署到gitee pages

    vue3+vite靜態(tài)頁面部署到gitee pages

    隨著vue3的成熟,vue2將在2023.12.31停止維護(hù),所以有必要搞一下vue3項(xiàng)目靜態(tài)頁面怎么部署到gitee中了 如果還有想部署vue2靜態(tài)頁面到gitee中的話,訪問https://blog.csdn.net/qq_45952585/article/details/122514028?spm=1001.2014.3001.5502 vue3+vite+ts腳手架創(chuàng)建就不寫了,隨便搜一搜,一大把,直接上重點(diǎn)

    2024年02月03日
    瀏覽(35)
  • Vue2項(xiàng)目創(chuàng)建步驟

    Vue2項(xiàng)目創(chuàng)建步驟

    空格鍵是選中與取消,A鍵是全選 TypeScript 支持使用 TypeScript 書寫源碼 Progressive Web App (PWA) Support PWA 支持。 Router 支持 vue-router 。 Vuex 支持 vuex 。 CSS Pre-processors 支持 CSS 預(yù)處理器。 Linter / Formatter 支持代碼風(fēng)格檢查和格式化。 Unit Testing 支持單元測試。 E2E Testing 支持 E2E 測試。

    2023年04月24日
    瀏覽(23)
  • 使用gitee(碼云)上傳自己的代碼(0基礎(chǔ)保姆級操作)

    使用gitee(碼云)上傳自己的代碼(0基礎(chǔ)保姆級操作)

    自己學(xué)習(xí)過程中遇到過很多問題,也在網(wǎng)上看到了很多教學(xué),但都都對0基礎(chǔ)的人不太友好,所以寫了這篇文章。希望0基礎(chǔ)的人,也可以通過開源代碼,或在記錄自己的學(xué)習(xí)過程中找到樂趣。 上傳代碼的意義:1,記錄自己的學(xué)習(xí)過程;2,通過開源代碼,無數(shù)的開發(fā)者會(huì)不斷

    2024年02月04日
    瀏覽(27)
  • 怎么從碼云(gitee)下載項(xiàng)目到IDEA運(yùn)行

    怎么從碼云(gitee)下載項(xiàng)目到IDEA運(yùn)行

    ? ? ? ? 如果我們直接從碼云克隆/下載項(xiàng)目,發(fā)現(xiàn)在Idea上運(yùn)行時(shí)是行不通的!怎么辦呢?請往下看:? 一、在官網(wǎng)下載Git Bash ?二、創(chuàng)建一個(gè)空文件夾 ? ? ? ? ?首先創(chuàng)建一個(gè)空文件夾 ? 三、使用git clone url命令下載在文件夾 ?????????右擊創(chuàng)建的空文件,找到Git Bash He

    2023年04月19日
    瀏覽(59)
  • 從0開始在Vscode中搭建Vue2/3項(xiàng)目詳細(xì)步驟

    從0開始在Vscode中搭建Vue2/3項(xiàng)目詳細(xì)步驟

    1.安裝node.js:Node.js下載安裝及環(huán)境配置教程【超詳細(xì)】_nodejs下載_WHF__的博客-CSDN博客 node.js自帶npm,無需單獨(dú)安裝。 驗(yàn)證: node -v? ? npm -v 2.先簡單創(chuàng)建一個(gè)空文件夾,vscode進(jìn)入該文件夾,并打開終端。 3.安裝cnpm,目的加快vue-cli安裝速度: npm install -g cnpm --registry=https://regis

    2024年02月08日
    瀏覽(29)
  • vue2引入Element UI組件去創(chuàng)建新頁面的詳細(xì)步驟--項(xiàng)目階段2

    vue2引入Element UI組件去創(chuàng)建新頁面的詳細(xì)步驟--項(xiàng)目階段2

    目錄 一、Element UI介紹 Element UI的特點(diǎn): 二、下載配置Element UI (零)創(chuàng)建vue項(xiàng)目 (一)下載Element UI依賴?? (二)全局文件main.js中引入Element UI 三、刪除多余的東西? (一)刪除App.vue多余的? (二)刪除多余的頁面? (三)刪除router路由多余的? 四、新建vue頁面 (一)新建

    2024年02月07日
    瀏覽(26)
  • 以vue2為例,用npm開發(fā)環(huán)境在后端部署vue2項(xiàng)目(更推薦使用nginx部署)

    因?yàn)橹耙恢鲁霈F(xiàn)的跨域問題,從而想到了這個(gè)辦法,屬于偏方。推薦使用nginx部署,再去解決跨域問題。 接下來聊一聊本文所使用的方法。 首先將你的前端vue項(xiàng)目拷貝一份到服務(wù)器,準(zhǔn)備一個(gè)dockerfile文件,用這個(gè)進(jìn)行部署首先你得前提是配置好了vue.config.js的跨域配置了,

    2024年02月14日
    瀏覽(23)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包