Webstorm+vue+typescript怎样调试。
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
源码下断点,会断在webpack://xxxxx 上。 不断在源码上。
vscode可以正常断在源码。(暂时不用它)
Chrome devtools , Ctrl+P 找得到同名文件但不是源码。
vue-cli-service serve 运行。
// vue.config.js
module.exports = {
configureWebpack: {
devtool: 'source-map'
},
devServer: {
proxy: 'http://127.0.0.1:8000/',
}
}
// ts.config.js
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": true,
"jsx": "preserve",
"importHelpers": true,
"moduleResolution": "node",
"experimentalDecorators": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"baseUrl": ".",
"types": [
"webpack-env"
],
"paths": {
"@/*": [
"src/*"
]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx"
],
"exclude": [
"node_modules"
]
}