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

来源:互联网 发布:tnt刷武器软件 编辑:程序博客网 时间:2024/06/05 17:46

一直都是用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插件可以实现。

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