在webstorm配置过vue脚手架后vs code还要配置吗
时间: 2023-12-09 19:06:13 浏览: 153
webstorm建立vue-cli脚手架的傻瓜式教程
是的,即使您已经在 WebStorm 中配置了 Vue 脚手架,也需要在 VS Code 中进行相应的配置,这是因为 VS Code 和 WebStorm 是不同的开发环境,需要单独进行配置。
在 VS Code 中配置 Vue 脚手架的方法如下:
1. 安装 Vue CLI。在终端中运行以下命令:
```
npm install -g @vue/cli
```
2. 安装 Vue 语法高亮插件。在 VS Code 的扩展商店中搜索并安装 "Vetur" 插件。
3. 配置 VS Code 的用户设置。在 VS Code 中打开用户设置(快捷键为 "Ctrl + ,"),然后添加以下配置:
```
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
},
"files.associations": {
"*.vue": "vue"
},
"vetur.format.defaultFormatter.html": "prettier",
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatter.css": "prettier",
"vetur.format.defaultFormatter.scss": "prettier",
"vetur.format.defaultFormatter.less": "prettier",
"vetur.format.defaultFormatter.postcss": "prettier",
"vetur.validation.template": false,
"vetur.completion.tagCasing": "initial"
```
完成以上配置后,您就可以在 VS Code 中愉快地开发 Vue 项目了。
阅读全文