如何设置vscode方便编写前端vue项目的代码

kaiforth
本文介绍了如何设置vscode方便编写前端vue项目的代码相关内容,对大家解决问题具有一定的参考价值,需要的朋友们一起学习吧!

众所周知 用vscode写vue代码真是太爽了

1. 下载安装vscode

vscode官方下载地址

2. 打开项目目录

在这里插入图片描述 发现VUE的代码在这个编辑器里还是很不友好的(手动狗头),所以接下来我们要为我们的vscode安装一些插件。 在这里插入图片描述

3. 安装常用的插件

推荐这几个插件

  • Vetur 写VUE必备
  • Prettier 格式化代码!!!!!!
  • Auto Rename Tag 让修改收尾标签时自动一致的
  • Bracket Pair Colorizer 多括号编程彩色的
  • Material Theme 修改主题颜色的

这个直接点install安装就好了,一定要保证网络通畅,安装好了大概是这个样子 在这里插入图片描述

4. 设置常用快捷键

选择左下角的设置 在这里插入图片描述 搜索对应的快捷键,下面是我常用的

  1. 删除一行 在这里插入图片描述

  2. 代码提示 在这里插入图片描述

  3. 代码格式化 在这里插入图片描述

根据个人习惯设置就好,这些是我从eclipse那时候延续下来的习惯…

5. 然后就可以开心的写代码啦

在这里插入图片描述

该文章版权属于kaiforth
摘录自:https://blog.csdn.net/kaiforth/article/details/108271422

这篇关于如何设置vscode方便编写前端vue项目的代码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!