第一步，要支持 vue 文件的基本语法高亮 这里，我试过好3个插件 vue ， VueHelper 和 vetur ，最终选择使用 vetur 安装插件 Ctrl + P 然后输入 ext install vetur 然后回车点安装即可ps vscode 的插件安装；但我是从vue30切换到vue2x 版本，中间有一个强制切换到过程必然会带来一些残留，这个问题的出现可能就是强制切换带来的bug，那么我们直接给它来个 给权全局安装 咯执行 下面2个命令，就OK了；1VS Code 中安装Debugger for Chrome扩展的最新版本2在config官网描述的是configindexjs，所以需要根据具体的项目而定中添加如下配置3点击运行调试按钮，再点击设置按钮，修改launchjson文；首先使用如下的命令创建一个新的 Vuejs 项目vue init webpack vue3使用 VsCode 打开项目之后，在命令行进入到项目中去，安装相关的依赖库，然后运行项目，执行下面的命令cd vue3npm installnpm run dev在一切正常的情况。

目前是830 新建vite项目命令行输入y即可安装完毕用vscode打开运行node初始化安装完成vite项目默认端口3000，修改方式如下修改 启动命令安装路由和elementplus安装完成新建src\router\index；早期的时候，我们建立vue项目的时候，可能图简便，并没有初始化ESLint单元测试等等模块，那么就需要后添加进去如果是现在新建一个项目，通过vuecli的问答就可以轻松初始化ESLint的配置这里说一下怎样在老项目里新添加ES；这次给大家带来怎样操作Vue项目内引入tinymce富文本编辑器，操作Vue项目内引入tinymce富文本编辑器的注意事项有哪些，下面就是实战案例，一起来看一下项目中原本使用的富文本编辑器是 wangEditor，这是一个很轻量简洁编辑器。

打开vscode文件打开文件夹选择工程文件夹确定查看终端或者使用“Ctrl+~”调出终端从终端中输入命令进入程序目录，输入npm install安装vue插件初始化项目，完成后执行npm run dev启动项目，就可以在；quot true 保存所有更改，然后重启VSCode经过以上步骤，VSCode应该能正确识别Vue项目中的语法，红线问题也应该得到解决如果问题仍然存在，请检查你的项目依赖是否正确安装，以及配置文件是否设置正确；quotdistquot#160 ，#160 编译时包含以下目录文件使用配置规则 #160 quotincludequot #160 #160 quotsrc***vuequot#160 结语vsCode工具配置别名时推荐使用第二种方案因为第一种不太好用；五HelloWorldvue 最后看看这里有什么 lttemplate 原来的内容被我删除了，现在页面显示这句话 lttemplate vscode命令行执行npm run dev，看见下面说明成功了，将地址贴进浏览器 Compiled successfully in 983ms 15。

如果使用 vuecli3 你需要设置 内的 devtool 属性进入Debugger视图，添加Chrome配置，将内容替换成以下内容 设置断点 此处response返回数据 启动调试 在终端使用如下命令开启这个应用 进入Debug视图，选择‘vuej；这个错误是因为你在 Vue 组件中使用了 class 和 style 作为对象字面量的属性，但 class 和 style 是 HTMLDivElement 的已知属性解决方法是使用 className 和 style 代替 class 和 style，因为 className 和 style 是。

打开configindexjs并找到devtool属性用本地git客户端将vue项目从github克隆到本地，用vscode打开，完成编辑在vscode里新打开一个命令行终端，在终端窗口里使用vue对应的脚手架命令启动项目通过快捷方式打开VisualStudioCo；正确的做法是首先用本地git客户端将vue项目从github克隆到本地，用vscode打开，完成编辑然后在vscode里新打开一个命令行终端，在终端窗口里使用vue对应的脚手架命令启动项目注意，这种方式只适用于vue项目开发流程；如果想进一步了解cnpm的，查看淘宝npm镜像官网安装vuecli脚手架构建工具安装vuecli脚手架构建工具在命令行中运行命令 cnpm install g vuecli，然后等待安装完成注意，这里使用cnpm来替代npm，不然速度超级慢，会导致卡。

然后选着您下来代码的路径下的文件，接下来一直next就可以了vscode本身是一个源代码编辑器，本身并不具备运行前端应用的功能正确的做法是首先用本地git客户端将vue项目从github克隆到本地，用vscode打开，完成编辑；题主是否想询问“vscode打开的vue文件报错怎么办”1首先首先检查html片段，没有语法错误的话，就是一个检查语法格式的插件”vetur”引起的2其次vscode首选项设置搜索vetur3最后将veturvalidationtem。