VSCode安装及使用

秒速五厘米 2022-12-02 10:52 146阅读 0赞

## 下载地址 ##

[官网][Link 1]

## 使用指南 ##

**调试**

默认支持node调试，F5启动调试  
若要支持网页调试，需安装Debugger for Chrome，打开配置文件填入如下chrome配置

{ 
    	// Use IntelliSense to learn about possible attributes.
    	// Hover to view descriptions of existing attributes.
    	// For more information, visit: https://go.microsoft.com/fwlink/?
    	linkid=830387
    	"version": "0.2.0",
    	"configurations": [
    		{ 
                "name": "Launch localhost",
                "type": "chrome",
                "request": "launch",
                "url": "http://localhost:8080/",
    			//以当前目录为根
                "webRoot": "${workspaceFolder}"
            }
    	]
    }

点击查看，打开终端（ctrl+\`），终端内输入http-server启动服务  
js内打上断点，F5调试，会自动打开浏览器页面进入调试

**Git操作**  
查看–打开命令面板(Ctrl+Shift+P)  
迁出已存在项目

git:clone 
    填入地址回车

已存在项目，将当前目录内容上传

创建本地存储库
    git:commit
    连接远程仓库
    git:Add Remote
    填写remote name为origin
    添加remote url为https://github.com/zhangstar1331/vscodetest.git

代码提交

填写Message
    Git:Commit

代码推送

Git:Push
    填写用户名
    填写密码

代码更新

Git:Pull

**vue快捷方式**  
安装vetur和vue vscode snippets  
vbase创建基本结构  
vfor创建for循环结构  
vdata创建data  
vmethod创建方法  
vcomputed创建计算属性

**VsCode整个项目进行替换命令**  
command/ctrl + shift + h

[Link 1]: https://code.visualstudio.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，146人围观）

还没有评论，来说两句吧...

相关阅读

相关 vscode python开发环境安装及配置

1.安装python2.安装annacoda（机房已经安装好）下载路径https://www.anaconda.com/distribution/，根据自己需求选择不同版...

忘是亡心i/ 2024年05月31日 04:40/ 0 赞/ 72 阅读

相关 Windows下安装VScode及使用

1、[下载地址][Link 1]：https://code.visualstudio.com/download ![在这里插入图片描述][watermark_type_ZmF

喜欢ヅ旅行/ 2023年03月13日 03:46/ 0 赞/ 4 阅读

相关 vscode安装，使用教程指南

图标 ![在这里插入图片描述][20200727103425886.png] 费用免费官网下载一、下载地址：https://code.visuals

傷城~/ 2023年03月01日 13:49/ 0 赞/ 20 阅读

相关 Anaconda详细安装及使用并配置连接Pycharm和VScode

Anacond的介绍 Anaconda指的是一个开源的Python发行版本，其包含了conda、Python等180多个科学包及其依赖项。因为包含了大量的科学包，Ana

痛定思痛。/ 2022年12月16日 13:20/ 0 赞/ 232 阅读

相关 VSCode安装及使用

下载地址 [官网][Link 1] 使用指南调试默认支持node调试，F5启动调试若要支持网页调试，需安装Debugger for Chrome，打开

秒速五厘米/ 2022年12月02日 10:52/ 0 赞/ 147 阅读

相关 VSCode 创建项目及使用

目录官方学习地址一. 安装C\ .Net Core Extension Pack插件二. 安装KM C\ Extensions插件三. 主

╰+哭是因爲堅強的太久メ/ 2022年10月09日 04:51/ 0 赞/ 159 阅读

相关 VScode下载安装及使用教程

0. 序 ... -------------------- 1. 下载官网下载速度特别慢，需要用国内镜像官网：[Visual Studio Code -

小鱼儿/ 2022年09月13日 14:21/ 0 赞/ 607 阅读

相关 VSCode在线编辑器及插件安装安装

code-server是一款在线的vscode工具，只要将 code-server 部署到自己的服务器之后，就可以通过浏览器使用vscode，很好的解决了远程编辑服务器中文件的

拼搏现实的明天。/ 2021年09月23日 10:20/ 0 赞/ 489 阅读

相关 vscode中安装使用markdown 插件

linux中好用的IDE vscode是微软推出的一款好用免费的IDE，可以快速部署开发环境，所说配置有些繁琐，但是瑕不掩瑜。它同时支持很多种拓展的编辑器，Mark

短命女/ 2021年09月20日 10:44/ 0 赞/ 558 阅读

相关 VScode常用插件安装及介绍

1、HTMLSnippets （提示初级的H5代码片段）； 2、HTML CSSSupport （让 html 标签上写class 智能提示当前项目所支持的样式）；

淩亂°似流年/ 2021年09月15日 13:32/ 0 赞/ 501 阅读