vscode簡(jiǎn)介

VSCode是微軟推出的一款輕量編輯器，采取了和VS相同的UI界面，搭配合適的插件可以優(yōu)化前端開(kāi)發(fā)的體驗(yàn)。

布局：左側(cè)是用于展示所要編輯的所有文件和文件夾的文件管理器，依次是資源管理器，搜索，GIT，調(diào)試，插件，右側(cè)是打開(kāi)文件的編輯區(qū)域，最多可同時(shí)打開(kāi)三個(gè)編輯區(qū)域到側(cè)邊。在初次使用時(shí)如果本地沒(méi)有安裝git會(huì)提示先安裝git，然后重啟vscode。

用了git最方便的就是比如在公司寫了很多代碼后回到家打開(kāi)vscode只需要點(diǎn)擊一下pull就能全部同步過(guò)來(lái)。是不是很方便。。。。畢竟之前我都是拿u盤拷貝回家或者存到云盤再下載下來(lái)。。

我這里用的是國(guó)內(nèi)的碼云托管的代碼，，github都是英文看不懂。。

因?yàn)関scode中帶的有g(shù)it管理功能，只需要學(xué)一點(diǎn)關(guān)于git的操作知識(shí)就夠了。

首頁(yè)要下載‘msysgit'然后安裝到電腦要不然vscode中的git是不能用的。安裝完成后主要使用Git Bash這個(gè)程序來(lái)操作

1、將代碼放到碼云

1. 到碼云里新建一個(gè)倉(cāng)庫(kù)，完成后碼云會(huì)有一個(gè)命令教程按上面的來(lái)就行了
2. 碼云中的使用教程

Git 全局設(shè)置:

git config --global user.name "ASxx" 
git config --global user.email 123456789@qq.com

創(chuàng)建 git 倉(cāng)庫(kù):

mkdir wap
cd wap
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://git.oschina.net/name/package.git
git push -u origin master

已有項(xiàng)目?

cd existing_git_repo
git remote add origin https://git.oschina.net/name/package.git
git push -u origin master

下面說(shuō)下詳細(xì)的本地操作步驟：

1、用vs打開(kāi)你的項(xiàng)目文件夾

2、配置git

打開(kāi)Git Bash輸入以下命令

如果還沒(méi)輸入全局配置就先把這個(gè)全局配置輸入上去

Git 全局設(shè)置:

git config --global user.name "ASxx" 
git config --global user.email 123456789@qq.com

然后開(kāi)始做提交代碼到碼云的配置

cd d:/wamp/www/mall360/wap    //首先指定到你的項(xiàng)目目錄下
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://git.oschina.net/name/package.git //用你倉(cāng)庫(kù)的url
git push -u origin master //提交到你的倉(cāng)庫(kù)

正常情況下上面的命令執(zhí)行完成后，本地文件夾會(huì)有一個(gè)隱藏的.git文件夾，云端你的倉(cāng)庫(kù)里應(yīng)該會(huì)有一個(gè)README.md文件。

3、在vscode中提交代碼到倉(cāng)庫(kù)

回到vs code打開(kāi)git工作區(qū)就會(huì)看到所有代碼顯示在這里

點(diǎn)擊+號(hào)，把所有文件提交到暫存區(qū)。

然后打開(kāi)菜單選擇--提交已暫存的

然后按提示隨便在消息框里輸入一個(gè)消息，再按ctrl+enter提交

然后把所有暫存的代碼push云端，

點(diǎn)擊后，會(huì)彈出讓你輸入賬號(hào)密碼，把你托管平臺(tái)的賬號(hào)密碼輸入上去就行了。。。

不出問(wèn)題的話你整個(gè)項(xiàng)目就會(huì)提交到云端上了。

在vs中每次更新代碼都會(huì)要輸入賬號(hào)密碼，方便起見(jiàn)，可以配置一下讓GIT記住密碼賬號(hào)。

git config --global credential.helper store //在Git Bash輸入這個(gè)命令就可以了

4、同步代碼

這里說(shuō)下平時(shí)修改代碼后提交到云端的使用，和本地代碼和云端同步

隨便打開(kāi)一個(gè)文件，添加一個(gè)注釋

可以看到git圖標(biāo)有一個(gè)提示，打開(kāi)git工作區(qū)可以看到就是修改的這個(gè)文件

然后點(diǎn)擊右側(cè)的+號(hào)，把他暫存起來(lái)。

再在消息框里輸入消息，按ctrl+enter提交暫存

再點(diǎn)擊push提交，代碼就提交到云端了。

打開(kāi) 碼云就可以看到了。。

pull使用

比如當(dāng)你在家里修改了代碼提交到云端后，回到公司只需要用vscode打開(kāi)項(xiàng)目點(diǎn)擊菜單中的pull就可以同步過(guò)來(lái)了。

5、克隆你的項(xiàng)目到本地

回到家后想修改代碼，但是電腦沒(méi)有文件怎么辦呢？ 往下看

首先你電腦還是的有vscode 和 GIT，，然后用git把上面那些全局配置再執(zhí)行一次，如下

git config --global user.name "ASxx"
git config --global user.email "123456789@qq.com" 

git config --global credential.helper store 

然后打開(kāi)Git Bash輸入以下命令

cd d:/test //指定存放的目錄
git clone https://git.oschina.net/name/test.git //你的倉(cāng)庫(kù)地址

下載成功，然后就可以用vscode打開(kāi)項(xiàng)目修改了，修改后提交的步驟還是和上面一樣：暫存-提交暫存-push提交到云端就ok了。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。 

最新評(píng)論