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

本文共 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://etgpa.baihongyu.com/

你可能感兴趣的文章
SpringBoot 整合Redis
查看>>
nodejs安装以及环境配置(很好的node安装和配置文章,少走很多弯路)
查看>>
2014上半年大片早知道
查看>>
Android 6.0指纹识别App开发案例
查看>>
ios runtime基础知识
查看>>
正文提取算法
查看>>
Arcgis Engine(ae)接口详解(8):临时元素(element)
查看>>
大数据技术核心之ETL
查看>>
轻松学PHP
查看>>
Android android.support.design包
查看>>
CheckBox:屏蔽setChecked方法对OnCheckedChangeListener的影
查看>>
java线程池
查看>>
UI面试内容
查看>>
Linux之RPM详解
查看>>
Windows Azure 常见问题及测试题
查看>>
flex DateChooser
查看>>
天天晚上打车--我对滴滴打车的想法
查看>>
由于MTU值设置不当造成的某些网站无法登录解决
查看>>
线程池
查看>>
聊聊高并发之隔离术
查看>>