在使用vscode开发Vue项目的过程中，经常会使用各种路径，当你想找到src目录下的某个文件的时候，通常会用进行定位，通过配置@路径提示后，@就代表是src目录下了，使用起来非常方便具体配置如下安装插件Path Intelli。
可以看到，在 indexjs 文件中包含服务器 host 和 port 以及入口文件的相关配置，默认启动端口是 8080 ，这里可以进行修改indexhtml 的内容很简单，主要是提供一个 div 给 vue 挂载mainjs 中， 引入了。
那么你可能需要在开发环境中配置 webpack 来处理 source map，这样就能在控制台中看到更为详细的输出信息不过，通常来说，在 Vue 项目中使用 consolelog 输出内容是非常简单的，不需要进行任何配置。
需要配置以下的所有命令例如需要用到vue文件需要先安装vueloadervuestyleloader等加载器并做配置要使用es6语法，需要安装babel和babelloader等加载器注意一条都不能配置漏，不然出现报错可能影响往后的运行与配置。
确保你已经安装了Vetur插件这是一个很受欢迎的Vue开发插件，可以支持Vue语法高亮智能提示代码补全等功能在VSCode中，点击左侧的插件图标，搜索“Vetur”，然后安装它如果你已经安装了其他的Vue插件，请尝试禁用它们。
最近在配置vscode debugger，使用vscode调试vue页面项目是jhipster搭的，前端部分目录结构大致如下在配置vscode debugger时遇到了一些问题最后我的launchjson部分内容如下到这一步，vscode中的断点已经生效了，当进入到相应。
但是vscode本身只是编辑器，开发编译类语言需要自己配编译环境，具体我没配过前端开发不需要配编译环境了，只需要把需要的各种库工具在命令行界面安装就行具体过程网上搜“从零开始搭建vue项目”刚建立好的项目一定是。
