vsCode 开发环境配置

vsCode 官网下载地址

code.visualstudio.com/

断点调试 先让代码出现小红点 然后选择红框里的调试

谷歌浏览器调试

先安装debugger for chrome 的插件

然后再配置json 文件

再在面板里选择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/index.html",
        "webRoot": "${workspaceFolder}/wwwroot"
    },
    {
        "name": "Launch index.html",
        "type": "chrome",
        "request": "launch",
        "file": "${workspaceFolder}/index.html"
    },
]
}

代码高亮 和快速书写vue 文件插件

安装vetur和vue vscode snippets 插件

通过 vbase / vfor / vmounted / vcreated / vcomputed / vmethod 等快速的书写代码