资讯专栏INFORMATION COLUMN

Sublime Text3插件安装及问题处理

bang590 / 2781人阅读

摘要:软件下载安装官网可直接下载安装,可免费使用解决安装问题安装在线安装因为网络原因可能失败。常规插件安装步骤以安装汉化插件为例。

使用Sublime Text3,没有别的原因,总结起来就两条:好看,快。
当然它不像Webstorm那样贴合前端开发,需要下载一些插件来辅助。刚开始学前端的时候,觉得下插件实在是太麻烦了,都想放弃了,但一来更受不了Webstorm启动的龟速,二来舍不得Sublime Text3的颜值,所以咬着牙自己查网页一个一个去装插件了,这里和大家分享一下自己安装的插件和过程,希望能帮到有需要的同志。

软件下载安装
官网可直接下载安装,可免费使用: http://www.sublimetext.com/3

解决sublime text3安装Package Control问题

安装Package Control

在线安装: https://packagecontrol.io/ins... 因为网络原因可能失败。

离线安装:

下载地址: https://github.com/wbond/pack...

把下载好的zip包解压,重命名为Package Control。

打开Sublime3,菜单->Preferences->Browse Packages...然后复制Package Control文件夹到该目录。

重启Sublime3,如果菜单->Preferences有Package Setting和Package Control就说明安装成功。

Ctrl+Shift+p输入install选中Install Package回车就可以安装插件。

常规插件安装步骤
以安装汉化插件为例。

汉化是很多小白安装软件后的必备操作,但是笔者并不建议大家过分依赖中文操作界面,毕竟以后连英文文档都要啃,界面这点算甚,当然话是这么说,汉化作为小白必备这里还是介绍一下。

按住 Ctrl + shift + p,输入 package control,点击选项 package control :Install Package,等待插件安装界面的响应

输入想要安装的插件名,如 HTML Beautiful,JSONlint等,这里输入clz,下面自动出现ChineseLocalizations,点击选择,它会自动进行安装

无法使用package control :Install Package,处理办法

作为小白最痛苦的事情莫过于我按照你的步骤做了,结果我却走不通,下面我介绍一下,手动安装插件的方法,让你免受折磨。

问题症状
相信你一定见过下面这个页面,主要是因为无法打开网址(https://packagecontrol.io/cha...)导致访问不了,简单来说就是被墙了。

解决方案
直接去(https://github.com/)上下载插件,解压,打开首选项-浏览程序包,复制到Packagea文件中即可。

卸载插件

直接在插件目录中将插件删除(不建议如此)

按住 Ctrl + shift + p,在package control的输入框,输入remove package,会列出你已经安装过的插件,选择你想要卸载的点击即可。

常用插件下载地址

汉化:ChineseLocalizations https://github.com/rexdf/Chin...

node.js https://github.com/tanepiper/...

vuejs(代码高亮) https://github.com/vuejs/vue-...

LESS高亮插件 https://github.com/danro/LESS... Less2Css https://github.com/timdouglas...

bootstrap https://github.com/degouville...

channel_v3.json https://raw.githubusercontent...

C-Tags https://github.com/SublimeTex...

angular js https://github.com/angular-ui...

react语法在sublime下高亮
首先安装插件:babel-react(具体的可以查看github离线安装babel-sublime),sublime-rect-es6,jsfmt,jsxhint,emmet,jsformat sublime-react(里此案代码提示插件可以离线安装,对应的github sublime-react)。
当安装完以上的插件后,你会发现其实react在这个编辑器下,还是不会高亮,这个时候你只需要进行一下设置就可以了:

打开菜单view, Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel),选择babel为默认 javascript 打开syntax;

注意,一般在编写react代码的时候,引用jsx文件的时候,type = text/babel,而不是text/jsx;不建议直接写jsx语法在html文件中
babel:https://github.com/babel/babe...
sublime-react-es6:https://github.com/mboperator...

(本人原创文章,欢迎大家留言交流,如有帮助多谢点赞啦~)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101679.html

相关文章

  • Sublime text3学习小记(macOS系统下的安装使用)

    摘要:等待其安装完成后关闭程序,重新启动,点开菜单可见项,说明插件管理包已安装成功。在出现的悬浮对话框中输入然后点选下面的插件,就会自动开始安装,请耐心等待。【注:以下内容参考https://blog.csdn.net/stilling2006/article/details/54376743】 一、认识Sublime text 1、一款跨平台代码编辑器,在Linux、OSX和Windows下均可...

    Paul_King 评论0 收藏0
  • Sublime Text3 配置less保存自动编译

    摘要:配置保存自动编译环境下需要安装,语法高亮插件,通过在终端全局安装到这里,已经可以通过手动编译文件了,在终端通过手动编译如果需要在中保存文件时自动编译成,还需要下面的步骤需要安装,把编译为的插件到此处,按照官方的,或 Sublime Text3 配置less保存自动编译 Mac OSX环境下 Sublime Text3 需要安装less,语法高亮插件 Install NodeJS,通过...

    hedge_hog 评论0 收藏0
  • Sublime Text3配置使用教程整理

    摘要:安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后,写作时右下角显示语法为,可以按,直接就会生成,并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是,现在折腾Ubuntu不能同步过来使用了,寒假在家休息,整理一下安装过程好了: 安装sublime 在sublime text官网选择合适的版本安装。 u...

    Martin91 评论0 收藏0
  • Sublime Text3配置使用教程整理

    摘要:安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后,写作时右下角显示语法为,可以按,直接就会生成,并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是,现在折腾Ubuntu不能同步过来使用了,寒假在家休息,整理一下安装过程好了: 安装sublime 在sublime text官网选择合适的版本安装。 u...

    kevin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<