一直都是用webstorm和PHPstorm进行前端开发,但是唯一的缺点就是太卡,启动慢,一直读取磁盘,用不了几个小时工具就会处于卡顿的状态,在这里给大家推荐一下sublime(英文版,中文版的可能安装不了插件)。
1. 前往官网下载sublime 百度搜索sublime就好了,进英文官网下载软件,最好下载sublime text3,双击应用程序进行安装,一直下一步就好了。
2. 打开界面大概是这样的
3. 点击菜单栏里的view->slide bar->show slide bar 可以显示旁边的目录文件夹。

插件的安装
1.点击菜单栏里的preference -> package control 来进行插件的安装,或者Ctrl+shift+p也可以 接下来会弹出选项框
我们点击install package 来进行插件的安装,也可以在命令行里输入install package,可能会有等待时间,耐心等一下。
2.然后会弹出下一个选项框,如果想取消可以按esc键。在此选项框里就可以输入或搜索我们想要安装的插件了。
插件选择
1. emmet
必备 可以极大提高开发效率,如:输入!按tab键 快速生成一个HTML模板,前提是要保存一下文件的格式为html。
2.css extended completions
关联css文件,智能提示css文件里面的类名,写Bootstrap肯定爽。
3.css3
css语法提示,高亮
4. align tab
对齐我们的代码,快键键Ctrl+shift+h 也可以自己更改快键键
5.auto file name
引入文件没提示?这个插件帮你解决了。
6.brackethighlighter
点击一个花括号,他会告诉你另一个相匹配的花括号在哪 ,显示代码的层级提示你代码属于谁的。
7.colorhighlighter
css中写了一个颜色 他会显示此代码的真正颜色。
8.JavaScript Completions
支持javascript原生代码 getelementbyid没提示?安装它就不用担心了。
9.JsFormat
格式化js代码
10.javascriptNext-ES6 syntax
让sublime编写es6语法不会报错,支持es6语法。
11.jQuery
提示jQuery代码。
12.jsx
支持jsx格式的代码
13.less、sass
书写less语法
14.pretty json
支持json语法
15.nodejs
支持nodejs,首先下载nodejs,alt+r 即可编译我们的nodejs代码
16.javascript console
输入console.会有提示
17.Docblockr
主要编写注释的
18.babel
babel是一款为 ES6+ JavaScript设计的语法描述插件,支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展.
19.angularjs
提示Angular代码
20.ConvertToUTF8
sublime text本身是不支持中文编码的,所以需要通过安装插件来解决,ConvertToUTF8插件可以实现。

后续如果有好用的插件会再推荐给大家的。

sublime前端插件推荐让sublime变成webstorm相关推荐

  1. 2021 VSCode前端插件推荐

    2021 VSCode前端插件推荐 前言 推荐一波前端开发必备插件,绝对可以提高你的生产力,剩下来的时间来 mo鱼,岂不美哉 开发综合推荐 别名路径跳转 插件名: 别名路径跳转 使用说明: 别名路径跳 ...

  2. sublime前端插件

    前端开发Sublime 3插件 Sublime的大名已经无需我介绍了,首先先介绍如何启用插件安装功能: 打开Sublime 3,然后按 ctrl+` 或者在View → Show Console 在打 ...

  3. sublime安装插件常用的sublime插件

    欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 文章目录 1 安装步骤 2 常见错误 2.1 直接无法安装插件 3 解析错误 4 常用插件推荐 5 ...

  4. subline类似less的html插件,29个常用 Sublime Text 插件推荐

    1.Package Control:插件包管理工具 2.Soda:一个流行的主题,包含代码着色.标签.图标 3.Emmet:流行的Html编写插件,是zed code升级版包含css编写 4.Subl ...

  5. Atom React或前端插件推荐

    分享一些Atom个人在用的插件,喜欢请点赞 1. color-picker 取色工具 2. pigments 编辑器中直接查看代码所代表的颜色,工具虽小但是很实用. 3. minimap 仿subli ...

  6. 2022 VS Code 前端插件推荐

    以下内容来自公众号逆锋起笔,关注每日干货及时送达 前言 推荐一波前端开发必备插件,绝对可以提高你的生产力,剩下来的时间来 mo鱼,岂不美哉 开发综合推荐 别名路径跳转 插件名:别名路径跳转 使用说明: ...

  7. 2022,VSCode 前端插件推荐

    前言 推荐一波前端开发必备插件,绝对可以提高你的生产力,剩下来的时间来 mo鱼,岂不美哉 开发综合推荐 别名路径跳转 插件名:别名路径跳转 使用说明: 别名路径跳转插件,支持任何项目, 使用场景: 当 ...

  8. VSCode 前端插件推荐

    开发综合推荐 别名路径跳转 插件名:别名路径跳转 使用说明: 别名路径跳转插件,支持任何项目, 使用场景: 当你在开发页面时, 想点击别名路径导入的组件时(演示如下) 配置说明 下载后只需自定义配置一 ...

  9. sublime PHP 插件

    sublime设置 设置显示编码格式及行号 Perference->Settings->User "show_encoding": true, "show_l ...

最新文章

  1. 专访图灵奖得主John Hopcroft:中国必须提升本科教育水平,才能在AI领域赶上美国
  2. 矩阵低秩张量分解_【线性代数】张量-张量的计算
  3. vue Watcher分类 computed watch
  4. POJ1509 Glass Beads [后缀自动机]
  5. Yahoo邮箱中全部邮件的下载保存
  6. 进程、线程、协程对比
  7. C++中的多重继承(二)
  8. [SDUT](3468)广度优先搜索练习之神奇的电梯 ---BFS(图)
  9. Python中各种括号的区别、用途及使用方法
  10. Excel图表⑤—数据可视化的极简之美
  11. 串口485接法图_RS232和RS485正确接线原理图
  12. 「离散数学」【试卷一试题与答案】[推荐学习]
  13. Aras Innovator 完整安装详细教程
  14. 今天很悲剧,心情很郁闷
  15. java基础练习—逢七游戏、不死神兔、百钱百鸡、利滚利
  16. 宏名字不规范,与结构体的成员重名
  17. J2EE学习篇之--JQuery技术具体解释
  18. PADS如何将导入的板框2D线转换成板框
  19. 7个神奇的jQuery 3D插件
  20. windows下运行vbs脚本

热门文章

  1. matlab实验报告七,matlab实验报告(实验).doc
  2. android 中文开发文档
  3. 分享FUJITSU铁电存储器FRAM 2MBit SPI MB85RS2MTA
  4. Pass CISA exam on the first try(CISA考试第一次即通过)
  5. 个人APP盈利之道:内容为王 学会适当放弃
  6. 【失败】尝试改hosts突破迅雷离线的封锁
  7. openlayers地图切换
  8. node.js目录结构
  9. 64位win10下notepad++ jsonviewer插件安装失败
  10. Visual Studio 2017 + VisualGDB 调试Linux C++程序