vscode快乐编译，打开源文件

选中组件，code直接打开对应源文件

各位同学有没有遇见过这样的情况，接手老项目，无人交接，需要紧急上需求但短时间找不到页面对应文件的场景

之前只知道vue-devtools看数据很方便，都不知道可以选中组件 code直接打开对应文件，用vue这个扩展小程序真的很方便 能快速排查很多错误

建议大家一起用起来 ～ https://github.com/vuejs/devtools

配置的办法也很简单

mac 电脑在 VSCode 里键入 command + shift + p 然后输入shell，选择安装code 如图

可以code -v 查看一下

终端命令 code path/to/file

关键：在环境变量中说明指定编辑器

在vue项目的根目录下的.env.development文件，其内容是EDITOR=code

如此就实现啦 ～ 以后再找组件页面就很方便

公司空调开的好低 冻死了 不想敲代码

在jsconfig.json上修复template的报错

TypeScript intellisense is disabled on template. To enable, configure jsx : "preserve" in the "compilerOptions" property of tsconfig or jsconfig. To disable this prompt instead, configure "experimentalDisableTemplateSupport": true in vueCompilerOptions" property.

模板上已禁用TypeScript intellisense。要启用，请在tsconfig或jsconfig的“compilerOptions”属性中配置“jsx”：“preserve”。要禁用此提示，请在“vueCompilerOptions”属性中配置“experimentalDisableTemplateSupport”：true。

// 配置“jsx”：“preserve

"jsx": "preserve",