Vue实战总结一,vscode配置vue开发环境

前端开发中,有很多工具可以用,不知道大家喜欢那个软件,我是特别的喜欢vscode.我认为是非常好用的,可以语法 高亮,智能代码补全,自定义快捷键,括号匹配和颜色区分,代码片段,代码对比等等特性.
Vue实战总结一,vscode配置vue开发环境_第1张图片
vue开发必备的插件:Vetur,vue文件的语法高亮显示,附带有格式化功能Alt+Shift+F(格式化全文),可以对代码进行格式化检查.
Vue实战总结一,vscode配置vue开发环境_第2张图片
vscode-icons可以为文件类型提供相应的图标
Vue实战总结一,vscode配置vue开发环境_第3张图片
Eslint用来检查代码
Vue实战总结一,vscode配置vue开发环境_第4张图片
Auto Close Tag 自动闭合HTML/XML标签,只要输入前面一个标签,后一个结尾标签会自动生成,不用再跳到后面去添加相当的方便快捷.
Vue实战总结一,vscode配置vue开发环境_第5张图片
Auto Rename Tag 自动同步修改对象开头/结尾的标签,修改标签的时候相当有用,当内容很长且相同标签比较多时不容易分辨,这是它作用的很大.不用担心找不到位置了,直接该前面的标签,对应的尾部标签会自动同步修改.
Vue实战总结一,vscode配置vue开发环境_第6张图片

你可能感兴趣的:(vue,javascript,前端)