sublime Text Vue中常用插件汇总说明

最新推荐文章于 2024-07-11 20:04:15 发布
最新推荐文章于 2024-07-11 20:04:15 发布
阅读量1.8k 收藏 6
点赞数 1
分类专栏： vue 文章标签： 1024程序员节 sublime text
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/davice_li/article/details/127504630
版权

开发vue的常用插件

1.让vue文件高亮:
安装： Vue Syntax Highlight

2.让script里面的es6代码高亮：

安装：ecmascript syntax
安装：vuejs complete package
vue文件里面写成：<script type='text/ecmascript-6'></script>

3.让style标签支持stylus高亮：

安装： stylus
vue文件里面写成：<style lang='stylus'></style>

4.让style标签支持sass高亮

安装：scss
vue文件里面写成：<style lang='scss'></style>

Sulbime Text3 常用插件

1、Emmet
提高HTML & CSS3编写速度。
2、Theme – Soda
一直用的一款皮肤
3、sideBarEnhancements
侧边栏右键增效插件，提高页面处理速度。
4、HTML5
Sublime Text3支持HTML5
5、Sass
Sublime Text3支持Sass
6、Less
Sublime Text3支持Less
6、All Autocomplete
检查全部打开文件，相似自动补全插件
7、SublimeCodeIntel
代码提示工具
8、BracketHighlighter
成对匹配增强，并修改括号等的颜色
9、jQuery
Sublime Text3支持jQuery
10、DocBlockr
快速注释
11、ColorPicker
颜色获取
12、ConvertToUTF8
UTF8转换
13、FileDiffs
查找文档不同
14、LiveStyle
配合插件实时调试样式使用grunt watch已经不需要这个插件了。
15、Alignment
等号对齐 快捷键会有冲突 重新在Alignment > Key Bindings – User 配置快捷键 ctrl+alt+f
16、SublimeTmpl
快速格式化代码
17、Gutter Color
颜色提示 需要imageMagick支持
18、Can I Use
可以直接调整到caniuse看到当前属性的浏览器支持情况。快捷键
19、InsertDate
插入时间，项目文件存在CDN的时候，需要改变时间戳才会看到效果，这个是个好东西。
20、Git
Git插件，提供Git常用的命令集合。
21、AutoFileName
自动提示路径插件
 

技术~子云
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
设置sublime text3支持Vue语法高亮显示设置插件
10-06
sublime编写vue代码没有提示和高亮显示，通过此插件可以实现提示和高亮显示，方便开发，提高开发效率。
sublime text3支持Vue语法高亮显示插件
09-21
标题中提到的"sublime text3支持Vue语法高亮显示插件"是指Sublime Text 3中可以安装的Vue.js语法高亮插件，通过这样的插件，开发者可以在编写Vue代码时享受到更鲜明的语法色彩，提高代码的可读性和美观度。...
Sublime的Vue高亮插件安装方法
橙子好的博客
06-27 1813
1：打开插件github地址： https://github.com/vuejs/vue-syntax-highlight； 2：download其zip文件到本地。 3：打开sublime点击首选项（“Preferences -> Browse Packages…”） 4：在当前路径下创建Vue文件夹，并且将刚刚下载的vue高亮插件所有文件粘贴进来 5：在sublime按下ctrl
Sublime Text下载安装教程非常详细）从零基础入门到精通，看完这一篇就够了(1)
2401_84264583的博客
05-08 901
在结束之际，我想重申的是，学习并非如攀登险峻高峰，而是如滴水穿石般的持久累积。尤其当我们步入工作岗位之后，持之以恒的学习变得愈发不易，如同在茫茫大海中独自划舟，稍有松懈便可能被巨浪吞噬。然而，对于我们程序员而言，学习是生存之本，是我们在激烈市场竞争中立于不败之地的关键。一旦停止学习，我们便如同逆水行舟，不进则退，终将被时代的洪流所淘汰。因此，不断汲取新知识，不仅是对自己的提升，更是对自己的一份珍贵投资。让我们不断磨砺自己，与时代共同进步，书写属于我们的辉煌篇章。需要完整版PDF学习资源私我。
sublime常用插件
小飞侠的博客
08-21 586
Sulbime Text3 常用插件 1、Emmet 提高HTML & CSS3编写速度。 2、Theme – Soda 一直用的一款皮肤 3、sideBarEnhancements 侧边栏右键增效插件，提高页面处理速度。 4、HTML5 Sublime Text3支持HTML5 5、Sass Sublime Text3支持Sass 6、Less Sublime Tex
sublime text3开发Vue配置
哈
05-09 4919
让sublime text3支持Vue语法高亮显示 准备语法高亮插件vue-syntax-highlight 下载地址：https://github.com/vuejs/vue-syntax-highlight Vue Syntax Highlight的插件，它不仅可以使代码高亮起来，还能进行代码智能提示 下载页面并下载： 解开压缩包vue-syntax-highlight-master，其内所有文件备用。 将vue-syntax-highlight植入sbulime。 进入sublime，选择菜单项“P
Sublime安装插件 vue代码高亮 + scss高亮
Rudon滨海渔村的博客
03-17 2298
效果 步骤 使用快捷键Ctrl+Shift+P打开命令窗口，输入pac，点击“Package Control: Install Package” 然后等一会（大概5秒），系统弹出包管理器的界面，搜索安装“vue-syntax-highlight” vue高亮插件已安装 同样办法，搜索安装scss高亮插件“SCSS” <推荐无广告的百度绿色版首页 baidu.rudon.cn > 重启sublime，重新打开vue文件 ok ...
sublime识别vue高亮显示
的博客
08-30 4395
sublime在默认时，Vue.js 的单文件组件（*.vue）是不被识别的。若要想高亮显示，就需要安装插件 Vue Syntax Hightlight。安装步骤如下： 第一，在 sublime 中打开 PackageControl 如下图,使用快捷键 Ctrl+Shift+P。   如果没有PackageControl，可在这里输入下载 第二，打开 Install Package 窗口。...
sublime_text vue高亮插件
10-11
适用无网络环境下配置sublime_text vue高亮插件 使用方法打开sublime 点击preferences 选择 Browse Packages 此时会打开一个文件夹，将资源文件整个丢进这个文件夹就ok了
sublime text3常用插件
01-28
以上就是Sublime Text 3中的一些常用插件，每个都有其独特的功能，可以帮助开发者优化工作流程，提升开发效率。当然，Sublime Text 3的插件库非常庞大，你可以根据个人需求和喜好去探索更多实用的插件。
sublime text vue文件高亮插件vue-syntax-highlight
11-03
使用说明： 1、sublime菜单栏->首选项->浏览插件,打开Packages文件夹 2、.新建Vue文件夹,把下载的zip解压后，文件放里面 3、sublime中使用快捷键Ctrl+Shift+P,输入vue，即出现vue Component回车 4、重启sublime
Sublime Text 3常用插件及安装方法
09-03
除此之外，Sublime Text 3还有许多其他实用插件，例如： - **ColorPicker**：快速选取颜色，支持多种颜色格式。 - **GitGutter**：显示文件中自上次提交以来的改动。 - **SideBarEnhancements**：增强侧边栏功能，...
sublime text4中如何添加.vue模板的详细教程
qwerty053的博客
12-09 1806
第一步 首先利用package control下载如下两个插件： （不会使用package control的可以去百度一下，很简单的） 新建文件模板插件 SublimeTmpl vue语法高亮插件 Vue Syntax Highlight 第二步 打开： 添加： { "id": "vue", "caption": "Vue", "command": "sublime_tmpl", "args": { "type": "vue" } }, 第三步 打开： 添加： { "caption
Sublime Text 安装Vue 语法高亮插件Vue Syntax Hightlight
yuhuamei的博客
04-27 1737
第一，在 sublime 中打开 PackageControl 如下图,快捷键 Ctrl+Shift+P。 第二，打开 Install Package 窗口 。 第三，输入在弹出框输入vue 选择插件Vue Syntax Hightlight。 新建 .vue 文件后，如果编辑器右下角显示是 Vue Component 就证明可以了。如果不是，按 Ctrl+Shift+P 输入Vue 切换成 Set Syntax：Vue Component 就可以了。（如果已经打开的 .vue 文件没有高亮效果，也可以观察
Sublime Text 常用插件
lzrit的博客
10-09 3042
常用插件
Sublime Text增加对.vue更友好支持的几个插件
韩大喵
03-04 489
也是从前辈那里看到的，这是方法之一，对我有用，在此记录下来： 1.打开Sublime Text，使用快捷键： ctrl+shift+p 后弹出安装提示框，输入：install Package ,然后点击选项，稍等片刻。 2.然后会有一个新的安装提示框，这时候再输入我们需要安装的插件名称：vue syntax hightlight，然后点击选项，稍等片刻。 3.此时已经安装完成，重新打开.vue文件...
sublime text3编写vuejs项目需要安装的一些插件
winne雪
01-10 2817
首先要安装Package Control， 然后在preference选项下找到Package Control点击并执行Install Package，等待安装一下后弹出一个输入框，根据下面需要的插件名进行安装即可。 1.让vue文件高亮: 安装： Vue Syntax Highlight 2.让script里面的es6代码高亮： 安装：ecmascript syntax 安装：vuejs co...
6.6 sublime3常用插件及模板定义，vue-cli3别名alias配置，引入element-ui，处理圆角内边距，注意input自带的宽距，padding好用，★Sublime3VUE检测报错
qq_40196738的博客
06-07 506
一、sublime3 常用插件（随时更新） 1、scss高亮（忘了）、vue高亮（vue-syntax-highlight）、自定义模板(emmet) 自定义vue模板： 进入data/Package/Emmet/emmet/ 找到snippets.json 打开编辑 找到ctrl+f找到html 大约620行。 输入以下代码 "snippets": { "!!!": "<!DOCT...
sublime中无法找到Package Control或Install Package
最新发布
司职在下的博客
07-11 297
可以尝试在 首选项 ---- > 设置中 检查配置文件"ignored_packages":紧跟的中括号中是否为空，如果不为空请删除其中内容。中无法查找到Package Control或Install Package或调用产生报错。如果不确定内容，可以用下面的内容对.sublime-settings文件进行替换。
sublimetext3常用插件安装
06-28
### 回答1： Sublime Text 3常用插件安装方法如下： 1. 打开Sublime Text 3，点击菜单栏中的“Preferences”（偏好设置）选项，然后选择“Package Control”（插件控制器）。 2. 在弹出的窗口中，选择“Install Package”（安装插件）选项。 3. 在搜索框中输入你想要安装的插件名称，然后点击搜索按钮。 4. 在搜索结果中选择你想要安装的插件，然后点击安装按钮。 5. 安装完成后，你可以在Sublime Text 3的菜单栏中找到新安装的插件，并使用它们来提高你的编程效率。 常用的Sublime Text 3插件包括：Emmet、SublimeLinter、Git、MarkdownEditing、ColorPicker等。 ### 回答2： Sublime Text 3 是一款非常流行的文本编辑器，它的可扩展性和自定义性非常强，提供了许多强大的插件功能，可以满足不同开发者的需求。在这里，我们将会介绍如何在 Sublime Text 3 中安装常用的插件。 首先，我们需要使用 Package Control 这个插件来管理 Sublime Text 3 的插件。如果你还没有安装 Package Control 插件，可以按照以下步骤进行安装： 1. 打开 Sublime Text 3 2. 按下 Ctrl + ` 或者点击 View -> Show Console 打开控制台 3. 复制以下代码粘贴到控制台中并回车： ``` import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) ``` 4. 安装完成后，重新启动 Sublime Text 3 接下来，我们可以通过 Package Control 来搜索并安装常用的插件。在 Sublime Text 3 中使用 Package Control 的步骤如下： 1. 按下 Ctrl + Shift + P 或者点击 Preferences -> Package Control 打开 Package Control 菜单 2. 输入 Install Package 并回车，等待 Package Control 进行加载 3. 输入你想要搜索的插件名称并回车，例如 Emmet、SublimeLinter、AutoFileName 等 完成插件安装后，我们可以在 Sublime Text 3 中启用或者禁用这些插件。以 Emmet 插件为例，启用步骤如下： 1. 按下 Ctrl + Shift + P 或者点击 Preferences -> Package Settings -> Emmet -> Settings 从 Package Settings 菜单中打开 Emmet 配置文件 2. 将 "disable": true 修改为 "disable": false 保存配置文件并关闭 通过以上步骤，我们可以轻松安装和启用常用的插件，并为 Sublime Text 3 带来更强大的功能。 ### 回答3： Sublime Text3是一款通用文本编辑器，它提供了大量的插件来增强其功能。下面将介绍一些SublimeText3 常用插件的安装方法和简单的使用介绍。 1. Package Control Package Control是Sublime Text3 中非常流行的插件管理工具。使用它可以方便的安装和升级其他插件。要安装Package Control，请到该官网的页面上下载安装包。下载后，选中Sublime Text3中的视图（View）选项，点击Show Console，复制下面代码并回车： import urllib.request,os,hashlib; h = 'df21e130daba809182b4173efeb9c6ba' + '8d5e9aaf621d60aec8026aeda' + 'e880f7d0b6eda156f9214d8b' + 'ce53b7bfb922dddf699981808' + '848e8ca7d8d40e'.upper(); pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 复制完成后，就可以开始使用Package Control了。 2. Emmet Emmet是一个为HTML、CSS、XML和XSL代码编写提供快速缩写的插件。在Sublime Text3中输入HTML片段时，可以使用Emmet自动扩展。要安装Emmet，请在Package Control中查找Emmet，然后点击Install进行安装。 3. Sublime Linter Sublime Linter是一款用于检查代码错误的插件。它使用多种语言检测器（例如JSHint，JSXHint，ESLint）检查代码，查找错误和警告。要安装Sublime Linter，请在Package Control中查找Sublime Linter，并点击Install进行安装。 4. Side Bar Enhancements Side Bar Enhancements是一款增强Sublime Text侧边栏功能的插件。使用它可以添加更多右键菜单选项，包括打开文件夹、将文件夹添加到项目中、打开终端、重命名、删除等。要安装Side Bar Enhancements，请在Package Control中查找Side Bar Enhancements，并点击Install进行安装。 总之，Sublime Text3插件的安装非常简单，使用插件可以使Sublime Text3的功能得到极大的扩展。以上只是介绍了一些常用的插件，还有很多其他的插件也值得一试。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值