① vscode 可以直接调试ts文件吗
vscode使用task.json来配置项目的构建过程。
打开命令面板(Ctrl+Shift+P)选择Run Build Task(Ctrl+Shift+B)
如果当前工作空间没有task.json配置文件此时会出现提示
选择 Configure Task Runner 自动创建task.json。该配置文件在工作空间的.vscode目录下,这个目录也是存放vscode配置的文件夹。
vscode默认的task配置文件中给出了执行tsc 和 gulp模板配置。简单介绍一下task.json的写法
{
"version": "0.1.0",
// 要使用的命令或者可执行文件的路径
"command": "tsc",
// 对应command参数,是否是一个命令,否则为执行文件路径
"isShellCommand": true,
// 是否在执行task任务时显示控制台窗口
"showOutput": "always",
// 对应command参数指定程序的参数
"args": ["-p", "src", "--allowJs", "-w"],
// 不太明白这个,基本用不到
"problemMatcher": "$tsc",
}
另外还有更多参数和用法可以参照下面的官方文档
https://code.visualstudio.com/docs/editor/tasks
配置好了之后使用默认的快捷键Ctrl+Shift+B即可执行编译。
运行和调试项目
vscode默认支持nodejs,ts,js等项目的调试。使用launch.jsonp配置调试参数。
调试启动调试的默认快捷键是F5, 如果没有launch.json则会弹窗提示选择调试环境,并自动创建launch.json
② vscode 用户配置 是哪个文件
在用户目录的AppdataRoamingCodeUser文件夹中一个名为“settings”的json文件。解决方法如下:
1、首先在电脑桌面中找到并点击vscode。
③ VS Code中的文件夹(Folder)与工作区(Workspace)
在VS Code的“ 文件 ”菜单中, “打开文件夹(Open Folder)” 是指开打项目文件夹的根目录。一个项目文件夹(Project Folder)包含一个或多个文件夹与项目相关的文件夹,以及与该项目相关的VS Code配置(放在.vscode文件夹中)。
在“ 文件 ”菜单中,还有一个选项: “打开工作空间(Open Workspace)”, 这个选项和“打开文件夹”有什么区别?什么时候应该使用文件夹?什么时候应该使用工作空间呢?
在VS Code中,工作空间(workspace)具体指后缀为*.code-workspace的文件,它是一个 JSON with Comments 格式的文件,里面包含了所有与该工作空间相关联的文件夹,以及相关的VS Code配置信息,如下所示。
双击*.code-workspace文件,启动VSCode打开工作空间与启动VSCode后,用“打开文件夹”方式打开项目文件夹的区别是,前者的文件夹名后面有一个工作空间(workspace)的后缀
[ 什么时候用工作区? ] 有且仅有需要同时在多个项目上工作的时候,才需要创建工作区,这时候,工作区里面有多个项目文件夹的根目录(root),即: Multi-root Workspaces
[ 什么时候用文件夹? ]在一个项目上工作,使用文件夹,就够了。针对该项目设置完VS Code后,VS Code会自动在项目文件夹的根目录中创建一个.vscode文件夹存储VS Code配置(settings.json文件)