vscode的使用

304 阅读2分钟

一 背景

   vscode是前端开发工具,它免费使用不用破解。

二 官网地址

vscode官网地址:code.visualstudio.com/download

三 下载vscode下载教程

登录官网,我使用的是win操作系统,所以下载方式如下

image.png    下载完以后在浏览器的“下载内容”中找到刚下载的vscode,然后复制到本地进行安装。设置下载路径的时候,修改你要下载到的路径。选择勾选方式的时候,倒数第二个不要勾选,其他的都勾选上。

image.png

四 为vscode安装插件

   安装插件,选择左侧圈起来的四个方块,然后在搜索框中输入你要找的插件

image.png    可以先期选择下面的插件。

image.png

五 安装git

5.1 查找git安装路径

   git安装,在其他文章有详细介绍。不再赘述,下面的操作,默认已经本地安装完成了git。
   如果不知道git安装路径。可以使用cmd用指令查看

# 这是win指令
where git

where git下面就是git的安装路径 image.png

5.2 vscode配置git

   点击左侧圈起来的车轮,然后点击设置

image.png    点击设置后出现下面的窗口,然后再输入框中输入git.path。在下面找到圈起来的“在setting.json中编辑”,点击进入

image.png    点击进入“在setting.json中编辑”后进行配置。
   注意,你复制出来的路径是下面的内容D:\soft\git\Git\cmd\git.exe。你应该改成D:/soft/git/Git/cmd/git.exe。就可以了。

image.png

六 vscode创建新分支

   点击左下角的分支,然后单击。出现右侧的页面,点击创建新分支。输入新分支名称,点击回车,新分支就创建好了。

image.png

七 vscode提交代码到远程仓库

   选择左侧圈起来的分支,然后会出现下面的内容。这个时候,我们可以选择第一个按钮“打开文件夹”引入本地的前端代码项目。
   选择第二个的按钮“克隆仓库”,从远程仓库拉取代码。

image.png    有了前端项目之后,就会出现下面的页面。
   我们可以看到一个“commit”按钮,上面有一个输入框,要在里面填写上传信息,否则提交不成功。填写完内容,点击“commit”就会提交了。

image.png   
提交完成之后,我们选择“源代码管理”右侧的三个点,然后会出现下面的内容,我们点击推送,就可以提交代码到远程了。

image.png