VSCode安装及使用

下载地址

官网

使用指南

调试

默认支持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