作者:時節 | 来源:互联网 | 2022-09-27 09:22
使用vscode打开已有的vue项目的方法是:1、首先安装【vetur】和【eslint】插件;2、接着点击【文件】、【打开文件夹】、【导入项目】;3、然后在控制台输入【npminstall】命令添加包依赖;4、最后运行项目即可。
安装插件
1、vetur插件的安装
该插件是vue文件基本语法的高亮插件,在插件窗口中输入vetur
点击安装插件就行,装好后点击文件->首选项->设置 打开设置界面,在设置界面右侧添加配置
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
}
2、eslint插件的安装
eslint智能错误检测插件,在具体开发中作用很大,能够及时的帮我们发现错误。至于安装,同样打开插件扩展窗口输入eslint
点击安装插件,装好后也需要进行配置,在同vetur插件一样的地方进行配置
"eslint.validate": [
"Javascript",
"Javascriptreact",
"html",
"vue"
],
"eslint.options": {
"plugins": ["html"]
}
vetur和eslint插件在配置中如下图所示:
相关文章教程推荐:vscode教程
以上就是如何使用vscode打开已有的vue项目的详细内容,更多请关注其它相关文章!