sublime如何配置开发VUE环境自动格式化代码

 更新时间:2024年03月18日 14:46:43   作者:匠心精神  
这篇文章主要介绍了sublime如何配置开发VUE环境自动格式化代码问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

sublime配置开发VUE环境自动格式化代码

Sublime 小巧灵活,丰富的插件完善了他的功能

我们的配置目标是希望Sublime

拥有以下功能:

  • 为我们自动格式化代码
  • 有代码提示
  • 可以运行项目
  • 代码提交

如果你的需求也是这些,就可以按照如下步骤操作,亲测可以!

首先需要安装插件 install  package,按下 ctrl + shift + p , 输入 install 即可看见 install package ,选中回车即可,等待一段时间会提示是否安装成功 

安装成功后开始安装开发VUE需要用到的插件 

安装方式为 ctrl + shift + p,选择 install package

然后输入相应的插件需要安装的插件就是下面这几个

另外需要安装 Terminal 

安装方式一样,截图截不下了

全部安装成功后在代码中右键即可看见 HTML-CSS-JS Prettify ,选择其下级的 plugin options Default 

将 format_on_save 改为 true  ,意为保存时自动格式化代码,可以根据自己的需求配置

如果不需要则更可以  ctrl + shift + H 手动格式化代码

插件的功能

大致如下:

  • HTML-CSS-JS Prettify 格式化代码
  • Vuejs Snippets  代码补全 代码提示
  • Vue Syntax Highlight 代码高亮
  • Termilan 调用终端

需要其他功能可以自己搜索插件,Over !  

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue3使用axios请求拦截器和vuex设置全局loading方式

    Vue3使用axios请求拦截器和vuex设置全局loading方式

    本文介绍了如何在Vue.js项目中实现全局loading加载动画,并通过axios拦截器控制loading的显示与隐藏
    2025-12-12
  • Vue 事件中的 .native你搞明白了吗

    Vue 事件中的 .native你搞明白了吗

    .native主要是给自定义的组件添加原生事件,可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签,并且该修饰符对普通HTML标签是没有任何作用的,这篇文章主要介绍了vue 事件中的 .native你搞清楚了吗,需要的朋友可以参考下
    2023-02-02
  • Vue服务器渲染Nuxt学习笔记

    Vue服务器渲染Nuxt学习笔记

    本篇文章主要介绍了Vue服务器渲染Nuxt学习笔记,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • 详解Vue中CSS样式穿透问题

    详解Vue中CSS样式穿透问题

    这篇文章主要介绍了VUE中CSS样式穿透问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • 关于axios如何全局注册浅析

    关于axios如何全局注册浅析

    这篇文章主要给大家介绍了关于axios如何全局注册的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用axios具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-01-01
  • vue+video.js视频播放、视频切换、视频断点分段上传功能

    vue+video.js视频播放、视频切换、视频断点分段上传功能

    本次需求是做一个视频列表,点击视频列表播放对应视频;同时要求实现断点分段上传大文件(视频)的功能,今天通过本文给大家讲解下vue+video.js视频播放、视频切换、视频断点分段上传功能,感兴趣的朋友一起看看吧
    2022-12-12
  • nuxt+axios解决前后端分离SSR的示例代码

    nuxt+axios解决前后端分离SSR的示例代码

    这篇文章主要介绍了nuxt+axios解决前后端分离SSR的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 在Vue项目中优化字体文件的加载和缓存的常用方法

    在Vue项目中优化字体文件的加载和缓存的常用方法

    在现代 Web 开发中,字体文件通常是页面加载时间的重要因素之一,特别是在字体文件较大或网络环境不佳的情况下,用户体验可能会受到影响,本文将详细探讨如何在 Vue.js 项目中优化字体文件的加载和缓存,以提高页面性能,需要的朋友可以参考下
    2024-09-09
  • vue实现重置表单信息为空的方法

    vue实现重置表单信息为空的方法

    今天小编就为大家分享一篇vue实现重置表单信息为空的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vuejs 页面的区域化与组件封装的实现

    Vuejs 页面的区域化与组件封装的实现

    本篇文章主要介绍了Vuejs 页面的区域化与组件封装的实现。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09

最新评论