博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Sublime Text3插件安装及问题处理
阅读量:7244 次
发布时间:2019-06-29

本文共 1717 字,大约阅读时间需要 5 分钟。

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

    1. 安装Package Control

      在线安装: 因为网络原因可能失败。

      离线安装:

      下载地址:

    2. 把下载好的zip包解压,重命名为Package Control。
    3. 打开Sublime3,菜单->Preferences->Browse Packages...然后复制Package Control文件夹到该目录。
    4. 重启Sublime3,如果菜单->Preferences有Package Setting和Package Control就说明安装成功。
    5. Ctrl+Shift+p输入install选中Install Package回车就可以安装插件。
  3. 常规插件安装步骤

    以安装汉化插件为例。

    汉化是很多小白安装软件后的必备操作,但是笔者并不建议大家过分依赖中文操作界面,毕竟以后连英文文档都要啃,界面这点算甚,当然话是这么说,汉化作为小白必备这里还是介绍一下。
    1. 按住 Ctrl + shift + p,输入 package control,点击选项 package control :Install Package,等待插件安装界面的响应
      clipboard.png
    2. 输入想要安装的插件名,如 HTML Beautiful,JSONlint等,这里输入clz,下面自动出现ChineseLocalizations,点击选择,它会自动进行安装

      clipboard.png

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

    作为小白最痛苦的事情莫过于我按照你的步骤做了,结果我却走不通,下面我介绍一下,手动安装插件的方法,让你免受折磨。
    1. 问题症状
      相信你一定见过下面这个页面,主要是因为无法打开网址()导致访问不了,简单来说就是被墙了。

      clipboard.png

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

      clipboard.png

  5. 卸载插件

    1. 直接在插件目录中将插件删除(不建议如此)
    2. 按住 Ctrl + shift + p,在package control的输入框,输入remove package,会列出你已经安装过的插件,选择你想要卸载的点击即可。
      clipboard.png
  6. 常用插件下载地址

    1. 汉化:ChineseLocalizations
    2. node.js
    3. vuejs(代码高亮)
    4. LESS高亮插件 Less2Css
    5. bootstrap
    6. channel_v3.json
    7. C-Tags
    8. angular js
    9. 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:
      sublime-react-es6:

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

转载地址:http://guibm.baihongyu.com/

你可能感兴趣的文章
python设计模式(四)--代理模式(中)
查看>>
netstat
查看>>
电脑显示器颜色失常的原因
查看>>
/bin/sh: bad interpreter: 没有那个文件或目录
查看>>
记一次linux服务器无法登陆
查看>>
nginx日志切割
查看>>
控制允许将新计算机加入域的权限
查看>>
Flash 平台音视频直播的实现
查看>>
centos上安装nginx服务器实现虚拟主机和域名重定向
查看>>
Nginx 访问认证
查看>>
Java循环练习:打印图案-5
查看>>
安装locate命令
查看>>
常用控件--按钮(待完善)
查看>>
简述计算器组成部件
查看>>
Android之assets资源
查看>>
Java反射机制深度剖析
查看>>
Python基础3
查看>>
Ubuntu上phppgadmin部署(未完)
查看>>
es、es-head安装
查看>>
apache服务器
查看>>