1、1VS Code 中安装Debugger for Chrome扩展的最新版本2在config官网描述的是configindexjs，所以需要根据具体的项目而定中添加如下配置3点击运行调试按钮，再点击设置按钮，修改launchjson文。

2、打开 configindexjs 并找到 devtool 属性将其更新为如果使用 vuecli3 你需要设置 内的 devtool 属性进入Debugger视图，添加Chrome配置，将内容替换成以下内容 设置断点 此处response返回数据 启动调试。

3、第一步，要支持 vue 文件的基本语法高亮 这里，我试过好3个插件 vue ， VueHelper 和 vetur ，最终选择使用 vetur 安装插件 Ctrl + P 然后输入 ext install vetur 然后回车点安装即可ps vscode 的插件安装。

4、右键属性兼容性勾选以管理员身份运行即可在vscode运行vue输入npminstall时没权限找到vscode安装目录右键属性兼容性勾选以管理员身份运行即可权限是指为了保证功能的有效执行，用户必须具备的，对文件进行处理的范围。

5、正确的做法是首先用本地git客户端将vue项目从github克隆到本地，用vscode打开，完成编辑然后在vscode里新打开一个命令行终端，在终端窗口里使用vue对应的脚手架命令启动项目注意，这种方式只适用于vue项目开发流程。

6、打开vscode文件打开文件夹选择工程文件夹确定查看终端或者使用“Ctrl+~”调出终端从终端中输入命令进入程序目录，输入npminstall安装vue插件初始化项目，完成后执行npmrundev启动项目，就可以在浏览器。

7、解决方案一在插件市场中安装Path Intellisense插件并启用根据以下提示信息，修改vsCode配置文件settingsjson文件解决方案二在插件市场中安装Path Autocomplete插件并启用根据以下提示信息，修改vsCode配置文件。

8、3点击File菜单，选择Open Folder，将项目导入到Visual Studio Code4导入进去后，查看项目所依赖的包是否安装，项目配置文件5新建一个终端窗口，在命令行输入npm run dev运行项目6再点击File，然后新建一个Type。

9、参考其他的博客使用如下命令，但是不起作用使用npm 其他命令则可以成功运行，命令如下 运行成功之后显示如下，之后就可以正常在chrome中调试我用新建项目测试时，npm run serve 之后也会提示crbug5， nonJS module。

10、但是vscode本身只是编辑器，开发编译类语言需要自己配编译环境，具体我没配过前端开发不需要配编译环境了，只需要把需要的各种库工具在命令行界面安装就行具体过程网上搜“从零开始搭建vue项目”刚建立好的项目一定是。

11、搭建vite项目的命令我的目前是61415，升级一下目前是830 新建vite项目命令行输入y即可安装完毕用vscode打开运行node初始化安装完成vite项目默认端口3000，修改方式如下修改 启动命令。

12、1用vscode编辑器，里面的终端，然后显示的命令行的东西在编辑器里这条命令相当于打包编译项目代码并建立了一个本地服务器，可以通过ip+端口访问2如果已经开发好，可以npm run build打包，一般在dist目录就生成打包后。

13、vscode中vue件，支持JavaScript有语法高亮 如果不安装插件请使用VS2010或者。

14、从云上拉取的vue项目一般会缺少node_modules，需要先安装node_modules，再运行安装node_modules，从项目目录进入命令行，运行命令npm install 运行npm run serve 如何进入项目目录，在文件中的项目目录下，直接在路径处。

15、最近在配置vscode debugger，使用vscode调试vue页面项目是jhipster搭的，前端部分目录结构大致如下在配置vscode debugger时遇到了一些问题最后我的launchjson部分内容如下到这一步，vscode中的断点已经生效了，当进入到相应。