本篇内容介绍了“如何在vscode上运行vue项目”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
本文操作环境：Windows7系统、vue2.5.17版，DELL G3电脑
怎么在vscode上运行vue项目？前言
以前都是用webstorm编写前端代码，最近开始尝试使用VSCode来写，目前还是有些懵逼的，一步步将使用流程写下来便于之后自己再次配置。
点击左侧圈起来的图标打开拓展插件，在顶部搜索框搜索vetur插件进行下载安装即可。
下载安装完后就会在扩展列表那看到，例如我的是0.29.1版本的
之后需要打开setting.json文件进行配置：
"emmet.syntaxProfiles": {
"vue-html":"html",
"vue":"html"
},
点击左侧圈起来的图标打开拓展插件，在顶部搜索框搜索eslint插件进行下载安装即可。
下载安装完后就会在扩展列表那看到，例如我的是2.1.13版本的
之后需要打开setting.json文件进行配置：
"eslint.validate": [
"javascript",
"gavesciptreact",
"html",
"vue"
],
"eslint.options": {
"plugins":["html"]
},
在终端输入：npm install，先下载对应的依赖。
最后输入：npm start，运行项目：
在浏览器打开相应地址看到如图示则表示运行成功：
这个具体可看VSCode如何使用git
“如何在vscode上运行vue项目”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
