1. 程式人生 > >VS Code連線Gitlab,輕鬆開發web前端應用

VS Code連線Gitlab,輕鬆開發web前端應用

假設你已經有了自己的gitlab伺服器以及已經安裝好了git for windows。

現在講講windows環境下如何把vs code上寫的專案託管到gitlab伺服器中。

第一步,在gitlab中建立專案,這個跟github一樣的,new project 一個就可以了,如圖1,2,3。

圖1


圖2


圖3(記好http模式下的那個地址


第二步,建立一個專案資料夾,如D:\workspace\testproject,然後右擊這個資料夾,選擇git bush here按鈕,然後碼下面的程式碼

git remote add origin http://ubuntu/root/testproject.git
注意了這地方的網址別照抄! 這個要寫剛才在圖3中的地址,如果出現 not a git repository ( or ... 的話,先
git init
然後輸入上面的命令。

第三步,在vs code中開啟我們的D:\workspace\testproject目錄,然後隨便新建一個檔案填幾個字,這時候左側選單的git圖示會出現藍色的點,如圖4

圖4



然後點開git圖示,發現我們建立的index.html檔案已經在裡面了,點選它右邊的加號,如圖5

圖5


然後點選暫存按鈕,如圖6,提示要輸入資訊的話,隨便輸入個東西就行

圖6


然後如圖點擊發布按鈕,如圖7

圖7

這下好了,我們已經把index.html提交到gitlab中的專案origin中了,如圖8

圖8


(注意了,本實驗假設你已經準備好gitlab環境,並且已經在本地電腦上安裝好git for windows,本地git到遠端gitlab連線也打通過,如果這些前提條件你沒做的話,實驗結果可能不會這麼順)

相關推薦

VS Code連線Gitlab輕鬆開發web前端應用

假設你已經有了自己的gitlab伺服器以及已經安裝好了git for windows。 現在講講windows環境下如何把vs code上寫的專案託管到gitlab伺服器中。 第一步,在gitlab中建立專案,這個跟github一樣的,new project 一個就可以了,

[.NET Core 32]升級vs code之後vs code無法調試net core web項目

visual spa it is net sem not 安裝 during mach 錯誤提示&處理方法 參考鏈接:https://github.com/OmniSharp/omnisharp-vscode/issues/1742 錯誤:The .NET Core

理解python web開發輕鬆搭建web app!

大家好,今天分享給大家的是理解python web開發,輕鬆搭建web app,希望大家學有所獲! image 因為 python程式碼的優雅美觀且易於維護這一特點,越來越多的人選擇使用 Python做web開發。而 Python的 Web框架百花齊放,目前比較流行的

微軟推出 VS Code 新特性為 TypeScript 和 JavaScript 使用者提供 AI 輔助開發功能

除了開發人員非常喜歡的IntelliSense和程式碼完成之外,今年早些時候,微軟還發布了IntelliCode,提供了一組 AI 輔助開發功能。VS Code 團隊現在宣佈了一項新的實驗性擴充套件,將 IntelliCode 帶給了 TypeScript 和 JavaScript 使

Python2.x編譯器列印中文出現亂碼的三種解決方案(本人以VS2017與VS Code為例使用其他整合開發工具的也可參考下)

本文主要介紹了三種解決方案: 解決方案一:在需要列印的中文字元前加個u,用於標識所要列印的是一個Unicode字串。(我感覺著一種方法是最簡單和省事的,並且使用其他整合開發工具的若遇到類似的問題,也應該可以使用這種方法解決,具體大家可以在下方評論)(測試此方法不適合在Vis

無廢話--Mac OS, VS Code 搭建c/c++基本開發環境

無廢話,直接上步驟。 1) 安裝 xcode。 開啟App Store,搜尋xcode,進行下載安裝。 2)執行命令: xcode-select --install 安裝命令列工具。 3)安裝VS Code code.visualstudio.com/

【C#】32. 使用EF(EntityFramework)連線MysqlMVC開發

距離上一次寫部落格已經過去了很久。。。。 這次主要來說說MVC開發,主要是講Mysql如何與EF進行銜接,製作資料庫網頁顯示的。 我使的資料庫是用的Mysql 5.5,裡面是一些期貨合約的資料。我的想法是將這些資料以網頁的形式呈現出來,這樣我們內部就不需要裝資料庫UI(Fr

VSCode連線GitlabGit的配置與使用

現在講講windows環境下如何把vs code上寫的專案託管到gitlab伺服器中。第一步,在gitlab中建立專案,這個跟github一樣的,new project 一個就可以了,如圖1,2,3。圖

VS CODE 微軟旗下最好用的前端開發IDE編輯器+常用外掛介紹

安裝完成後自動會顯示中文,如果需要設定字型主題樣式等,請點選左下角的齒輪按鈕,裡面有一個設定,自行選擇自己喜歡的配置。 然後推薦安裝一些基本的外掛,會讓你的開發更便捷,點選左側第五個圖示,進入外掛商店,搜尋以下關鍵字: Atom One

Web前端學習筆記詳細的Web前端學習路線圖

3.3 小米 教學視頻 前端工程 武漢 beyond 1.8 之前 1.5 前端就是後臺實現和視覺表現的橋梁,是貫穿在整個產品開發過程的紐帶,起到承上啟下的作用,一個好的前端工程師他能夠很好理解產品經理對用戶體驗的要求,也能夠很好地理解後臺工程師對數據邏輯,或者程序邏輯進行

[web]解決使用WebStorm開發web前端 網頁中文亂碼問題

試了很多種解決網頁顯示中文亂碼問題的方式,最後發現統一更改編碼格式的方法才是正確有效而且一勞永逸的。 具體方法:file ----->  settings 搜尋encoding 在fileencoding下,將IDE Encoding,Project Encoding和下面的De

Angular 7.2.0-beta.2 釋出流行的 Web 前端框架

   Angular 7.2.0-beta.2 釋出了,Angular 是一款十分流行且好用的 Web 前端框架,與 React 和 Vue 並稱前端三大框架,目前由 Google 維護。 Bug Fixes bazel: 修復schematics/ba

Django快速開發web前端

轉載自:http://www.furion.info/235.html 首先說下背景,日常工作中有很多時候都要求查詢一個域名是否在白名單中(業務相關的,實際就是一個檔案),所以很多的時候我們都不得不登上裝置,grep 下,不存在則新增進去。一次兩次還行,時間長了,也

032_《Delphi下用Intraweb開發WEB程式應用實戰(第二版)》

《Delphi下用Intraweb開發WEB程式應用實戰第二版》 Delphi 教程系列書籍 (032) 《Delphi下用Intraweb開發WEB程式應用實戰第二版》網友(邦)整理 EMail: [email protected] 下載地址: Pdf 作 者

zqt_helper 輕鬆開發Qt5 Widgets應用

目標: 1. 程式碼更加緊湊,所寫即所到。 2. 程式碼層次更直觀,直接反映介面視窗層次關係。 3. 不繼承類,不重寫虛擬函式,slot接收QEvent。 4. 簡單寫佈局,忘掉api函式。 5. 免去一大堆臨時變數的變數名。 思路: operator () (QLayout*) 開始一個佈局 operato

Web前端開發企業中都是用VS code嗎?

由於VS被評為最好用的IDE,所以出了VSC也是蠻讓人等待的,看了官方使用引見開端體驗了一下,果真佈滿驚喜,比sublime開源,比atom更快,比webstorm更輕。 開端印象 - 檔案目錄辦理很強大 - 自界說設定裝備安排,主題,主動保留,可以設定耽誤毫秒後保留,也可以設定檔案失

作為JavaScript開發人員這些必備的VS Code外掛你都用過嗎?

本文翻譯自:https://www.sitepoint.com/vs-code-extensions-javascript-developers/ 轉載請註明出處:葡萄城官網,葡萄城為開發者提供專業的開發工具、解決方案和服務,賦能開發者。 如今,Visual Studio Code無疑是最流行的輕

vs開發web專案IIS Express支援區域網連線

vs中開發web站點IIS Express支援區域網連線 在開發webapi的時候,客戶端裝置都會使用區域網的地址訪問webapi,有時候需要除錯api。這個時候就需要使用一些技巧了,這裡我記錄了我常用的兩種方式,在區域網內除錯vs中的web站點 1.修改IIS Expres

VS Code Remote在伺服器上開發程式開啟全新開發模式

一直使用Idea開發java 程式,頭疼的是太太太佔用記憶體了,膝上型電腦經常卡爆,在伺服器開發的話又太麻煩,VS Code Remote的帶來,解決了這一煩惱。下面來實戰一下。 VS Code Remote 2019 年 5 月 3 日,在 PyCon 2019 大會上,微軟釋出了 VS Code Remo

最香遠端開發解決方案!手把手教你配置VS Code遠端開發工具工作效率提升N倍

> 文章每週持續更新,原創不易,「三連」讓更多人看到是對我最大的肯定。可以微信搜尋公眾號「 後端技術學堂 」第一時間閱讀(一般比部落格早更新一到兩篇) 今天和大家分享遠端開發工具,分享一下我平常是如何用 VS Code 進行遠端開發工作的,以及一步步教你搭建遠端開發環境,擁有比德芙還絲滑的遠端開發體驗。