当前位置:首页 » 网页前端 » sublime3前端
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

sublime3前端

发布时间: 2023-02-01 13:06:47

1. 用Sublime Text搭建简易IDE编写Verilog代码

Verilog是一种硬件描述语言(HDL),该语言在Windows上有集成开发环境可以使用,如ModelSim,但ModelSim的编辑器不太好用因此笔者萌生了用Sublime Text3来编写Verilog的想法。下面我们将围绕着Sublime Text3搭建起一个简易的IDE, 我将尽量把步骤写的细致一点,这将会使整个过程看起来很繁琐,但这是值得的。

Sublime Text 3 (访问密码:a7c6)

icarus-verilog-on-windows (访问密码:7528)

说明: Sublime Text是一款功能强大的编辑器,可扩展性非常强;而icarus-verilog是一款Verilog的编译器,在这里我们使用的版本是iverilog-0.9.7_setup.exe (latest stable release),在 Icarus Verilog 这个网站上有关于该编译器和Verilog语言的更多信息 。

后端

这些步骤非常枯燥乏味。

1. 安装icarus-verilog-on-windows。请记下安装目录,例如我的安装目录为F:\iverilog\,(下     面我也将以此目录为例)。注意安装过程中会有可选择的项, 请勾选上所有项 ,尤其是                 和  gtkwave 相关的项

2. 打开控制台,输入命令iverilog,若显示’iverilog: no source files.’字样则执行第 4 步;否则执      行第 3 步

3. 配置系统变量。将F:\iverilog\bin\这一路径加到系统的Path变量中,执行第二步,观察输出是否     为’iverilog: no source files.’

4. 当iverilog命令输出正常后,我们就可以用它来编译运行verilog源文件了,编写如下三个文件

文件名:dff.v

文件名:tester.v

文件名:testbench.v

5. 将上述三个文件放在同一个文件夹下,打开控制台,进入该目录,输入iverilog testbench.v,     此时应当没有任何输出,再次进入该文件夹,发现多出了一个名为a.out的文 件,这个文件就是     我们编译testbench.v得到的目标文件

6. 在控制台输入vvp a.out,输出’VCD info: mpfile dff.vcd opened for output.’字样,此命令     是执行我们刚刚编译生成的a.out再次进入该文件夹,发现多出来了一个名为dff.vcd的文               件,这个文件是我们执行a.out后生成的波形文件

7. 在控制台输入gtkwave dff.vcd观察波形。如果发现没有波形,不要惊慌,在窗口右侧上选择某     一个mole,然后在右下选择某一个变量,再点击insert就可以看到输出的波 形了

到这里,我们已经完成了这个简易的IDE的后端的操作

前端

前端的搭建完全依靠Sublime Text 3丰富的插件。

1. 安装Sublime Text 3。 后面我将其简称为ST ,就像安装QQ一样,一路点next就好了

2. 安装关键词高亮插件。用ST打开一个verilog文件(后缀名为.v)中,发现是没有高亮显示的,       按ctrl+shift+p,调出ST的包管理窗口,输入install package,再输入verilog后找到对应的         项,回车,等待安装完成,重启ST,再次打开一个verilog文件,发现已经可以高亮显示了

3. 绑定快捷键编译。打开ST,Preference—>Browse Packages—>找到User文件夹,将 这个文       件 ( 访问密码 7f77)放到该文件夹下

4. 再次重启ST,随便打开一个verilog文件,按ctrl+b,就可以编译该文件了,编译正确输出ST会   有”[Finished in 0.6s]”类似的输出,如果出现其他情况,作如下设置Tools—>Build System-        >Verilog,其效果和在控制台输入iverilog xxx.v是一样的,都会在文件目录下生成编译后的        a.out文件

5. 其实,到这一步就可以了,我们可以在ST中编写编译好verilog文件后,再打开控制台运行、查     看波形,但是这样仍然不够方便,那么可不可以直接在ST中运行、查看波形呢?其实,我们只       需要在ST中可以运行控制台命令就可以了,幸运的是,ST为我们提供了这样的插件。

6. 安装SublimeREPL插件。同安装关键词高亮插件一样,按ctrl+shift+p,调出ST的包管理窗         口,输入install package,再输入SublimeREPL后找到对应的项,回车,等待安装完成,重启       ST,然后ctrl+shift+p,输入sublimeREPLshell(sublimeREPLPowerShell也可以),在新打开       的ST标签页中就可以运行cmd命令了(把这个标签页放在下面是个不错的选择,可以参考一下       下面的图片)。

至此,所有步骤已经结束。下面是我的简易IDE截图

在的第一篇文章,从自己博客园转过来的。今天放假了,好开心。

2. 前端sublime3需要安装什么插件

1.emmet--前身Zen coding:HTML/CSS代码快速编写神器
2.jQuery Package for sublime Text
3.JS FormatJS代码格式化插件
4.Sublime CodeIntel代码自动提示
5.Bracket Highlighter类似于代码匹配,可以匹配括号,引号等符号内的范围。
6.Git
7.Alignment--对齐代码,包括 PHP、CSS 和 Javascript.
8.Trmmer--自动删除代码中不必要的空格
9.FileDiffs--对比文件差异。包括剪贴板中复制的数据

3. 怎样使用sublime开发前端

1、先从启动速度说,Dreamweaver是远远没有Sublime启动的快,这也是我喜欢用Sublime的原因之一。
2、在页面展示方面,Sublime可以选择性展示侧边栏,这一点和Notepad++有点像,而Dreamweaver没有。
3、在注释代码方面,Sublime可以使用快捷键Ctrl+L(不区分大小写)可以对html、js、css、等注释,而不必想Dreamweaver那样还有考虑一下它是什么类型的代码。
4、在视觉效果方面,Dreamweaver虽然也能改变背景色代码颜色什么的,但还是没有Sublime来的方便直接,你可以选择自己喜欢的展现方式去高亮显示你的代码。

4. 前端开发需要配置什么环境

web前端开发环境的搭配:

A、Sublime3安装配置:

Sublime跨平台的前端开发神器,是一个共享软件,免费使用;下载最新Sublime3安装包;

-官网地址:http://www.sublimetext.com/

-安装包管理器

打开Sublime3控制台,ctrl+~

输入安装包管理器命令代码,注意需要联网才能安装,因为是在线下载包

包管理器的官网地址:https://packagecontrol.io

-安装第三方插件(包)

打开命令面板:ctrl+shift+p;

输入install,然后回车,然后可以搜索想要的插件,回车安装;Atom工具使用

B、Atom工具使用:

由github发布的前端开发工具,集成了chrome的调试工具,是一款非常强大和开发的开发工具平台。在file里面的setting里面进行设置,包括字体的大小,快捷键,背景颜色主题等;

官网地址:https://atom.io/

C、WebStorm10的安装与使用:

WebStrom是最专业的前端IDE开发工具,是一个非常重量级的开发工具,是专业为我们前端设计的IDE,用他来开发是效率非常高;

D、总结三款开发工具的优劣:

Sublime3:需要安装第三方的包,一般。Atom:集成度非常好,也很轻,需要自己安装第三方的包。Webstrom:大项目,建议使用webstrom,非常强大,但是也很重。

5. 请问1+X前端初级考试时一般用到哪个软件,sublime3还是Hbuilder

这两个其实没多大区别,唯一的区别就是,Hbuilder加了个将web打包成Android Web App?
这个东西意义不大,打包了性能很低,稍微差一点的手机说不定点个按钮几秒才响应,而且个人认为sublime text更方便,有各种插件,生态很好

6. 如何使用sublime text 3

Sublime Text:款具代码高亮、语提示、自完且反应快速编辑器软件仅具华丽界面支持插件扩展机制用写代码绝种享受相比于难于手Vim浮肿沉重EclipseVS即便体积轻巧迅速启Editplus、Notepad++SublimeText面前略显失色疑款性比编辑器CodingWriting佳选择没 原文首链请移步何优雅使用Sublime Text;更新于2015.12.15晚 (能简书文章添加目录额折腾醉)目录结构: 何优雅使用Sublime Text 目录结构 Sublime Text 23比 Sublime Text 3安装插件 Sublime Text 3插件推荐 定制属于自快捷键 Sublime知实用技巧 定制属于自性化主题 Sublime锦添花些许设置 写路更结语 Sublime Text 23比 相比于2Sublime Text 3秒启项压倒性胜利叙述都Sublime Text 3主角并且3直断完善更新具体差异参看Sublime Blog.简单说: ST3支持项目目录面寻找变量 提供标签页更支持(更命令快捷键) 加快程序运行速度 更新API使用Python3.3 强烈推荐朋友使用3! 唯快破解释 Sublime Text 3安装插件 Sublime Text强拥强课扩展性您根据自需要安装同插件;使变比强同失轻便 插件安装式:直接安装: 安装Sublime text 3插件便直接载安装包解压缩Packages目录(菜单->preferences->packages) 插件安装式二:使用Package Control组件安装: 按Ctrl+`调console(注:安装QQ输入快捷键冲突输入属性设置-输入管理-取消热键切换至QQ拼音)粘贴代码底部命令行并车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( '中国sublime.wbond.net/' + pf.replace(' ','%20')).read()) 重启Sublime Text 3Perferences->package settings看package control项则安装功按Ctrl+Shift+P调命令面板输入install 调 Install Package 选项并车列表选要安装插件 PS:内使用SublimeText3经能遇安装用插件问题remove掉Package Control重新安装;遇连Package Control安装则别处拷贝份关于Package Control文件-(Package Control.sublime-package)存放于Installed Packages目录即 Sublime Text 3插件推荐 插件神器根据自需要定制属于自强插件集;作移端旧游Web端新游自墙裂推荐几款插件: MarkDown Editing SublimeText仅仅能够查看编辑 Markdown 文件视格式糟糕纯文本插件通适颜色高亮其功能更完些任务关于何SublimeText高效些东西参见文章:sublime text 2(3)Markdown写作 抑或前段间写追寻高效工作路折腾二 SideBarFolders 打文件夹都太? 用管理文件夹世界原美 SideBarFolders Sublime Terminal 插件让Sublime直接使用终端打项目文件夹并支持使用快捷键 ColorPicker 通想使用颜色选择器则能打 Photoshop 或 GIMP Sublime Text 使用内置颜色选择器安装完要按Ctrl / Cmd + Shift + C 快捷键 SublimeREPL 能程序员用插件SublimeREPL 允许 Sublime Text 运行各种语言(NodeJS PythonRuby Scala Haskell 等等) Ctags插件 童鞋抱怨Sublime Text能支持函数跳转(比像Eclipse按住Control点击该或者象即跳转定义; Alt+←即原处)其实Sublime Text借助插件实现(些情况:Can not find defination)毕竟借助则匹配完要求代码规范插件相讲些麻烦具体参见:Sublime Text ctags 配置. SublimeLinter插件 SublimeLinter 前端编码利器——Sublime Text 款插件用于高亮提示用户编写代码存规范错误写支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十种发语言篇文章介绍何 Windows 配置 SublimeLinter 进行 JS & CSS 校验 比写例像lua弱语言脚本代码规避掉该低级错误吧需要SublimeLinter安装完毕再安装SublimeLinter-lua即具体使用参见:借助 SublimeLinter 编写高质量 JavaScript & CSS 代码 SideBarEnhancements插件 SideBarEnhancements款实用右键菜单增强插件;安装该插件前Sublime Text左侧FOLDERS栏点击右键寥寥几简单功能;安装相于给其丰胸般 更强该插件能让我自定义快捷键呼某浏览器预览页面用项目目录寻找拖特定浏览器预览 安装插件点击菜单栏preferences->package setting->side bar->Key Building-User键入代码: [ { "keys": ["ctrl+shift+c"], "command": "_path" }, //chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", "extensions":".*" } } ] 设置按Ctrl+Shift+C复制文件路径按F2即Chrome浏览器预览效(需要根据自需要FirefoxSafariIEOpera等加)自定义喜欢快捷键注意代码浏览器路径要自电脑文件路径准 HTML-CSS-JS Prettify 款集格式化(美化)html、css、js三种文件类型插件即便html,js写PHP文件内插件依赖于nodejs需要事先安装nodejs才运行插件安装完快捷键ctrl+shift+H完前文件美化操作插件html、css文件美化非满意面说明何修改css美化脚本本用起超级爽鉴于篇幅赘述参见篇介绍 CSScomb CSS属性排序: 候看看自写CSS文件觉属性乱查找易维护难CSScomb按照定CSS属性排序规则杂乱章CSS属性进行重新排序选要排序CSS代码按Ctrl+Shift+C即CSS属性重新排序代码简洁序易维护款选代码则插件排序文件所CSS属性自自定义CSS属性排序规则打插件目录CSScomb.sublime-settings文件更改面CSS属性顺序行插件使用PHP写要使工作需要环境变量添加PHP路径具体请看github说明 SublimeTmpl 快速文件模板 直都奇怪sublime text 3没新建文件模板功能像html部DTD声明每都要复制粘贴用SublimeTmpl款插件终于解脱SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型文件模板所文件模板都插件目录templates文件夹自定义编辑文件模板 SublimeTmpl默认快捷键: ctrl+alt+h html ctrl+alt+j javascript ctrl+alt+c css ctrl+alt+p php ctrl+alt+r ruby ctrl+alt+shift+p python 想要新建其类型文件模板先自定义文件模板templates文件夹再别打Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings四文件照着面格式自定义想要新建类型详细介绍请各位自折腾哈~ Javascript-API-Completions: 支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示插件少数支持sublime text 3缀提示插件HTML5标签提示sublime text3自带JQuery提示用处设置要提示语

7. 前端开发常用哪些工具软件

前端开发的编译器在选择上还是很多的。在学校里,老师主要讲三个前端开发软件:

1、WebStorm

帮助编写HTML、CSS、Less、Sass和Stylus代码,并且支持Node.js和主流框架,如React、Angular、Vue.js、Meteor等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。

2、IntelliJ idea

页面很简单,乍一看像是一个记事本,它也确实可以当记事本用。有很多特色插件可以使用,支持多种编程语言的语法高亮显示,具有代码折叠功能。

2、HBuilderX

HBuilderX是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本,具有轻便、适合vue框架的特点。

8. 为什么前端工具很多人使用sublime

Package control 插件管理

sublime text非常强大的插件管理的插件,按下Ctrl+Shift+P,输Package control就可以选择插件的安装、管理、删除等操作,因为sublime text 3的插件需要基于pyhone 3编写,所以用sublime text 2的安装方法不管用。

此外,安装sublime text 3的插件还可以在github上下载源文件,解压后改名放到C:UsersMr.DenGo(你的电脑名)AppDataRoamingSublime Text 3Packages 中重启sublime text 3即可生效。

BracketHighlighter 高亮显示匹配的括号、引号和标签

BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签,能匹配的[] , () , {} , "" , '' , <tag></tag>等甚至是自定义的标签,当看到密密麻麻的代码分不清标签之间包容嵌套的关系时,这款插件就能很好地帮忙理清楚代码结构,快速定位括号,引号和标签内的范围。

9. 如何优雅地使用 Sublime Text 3

Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。相比于难于上手的Vim,浮肿沉重的Eclipse,VS,即便体积轻巧迅速启动的Editplus、Notepad++,在SublimeText面前大略显失色,无疑这款性感无比的编辑器是Coding和Writing最佳的选择,没有之一。

原文首链,请移步这里如何优雅地使用Sublime Text;最后更新于2015.12.15晚 (不能为简书文章添加目录?,额,折腾不出来,醉了),但目录结构还是可以有的:

如何优雅地使用Sublime Text 之 目录结构

Sublime Text 2和3的对比
Sublime Text 3安装插件
Sublime Text 3插件推荐
定制属于自己的快捷键
Sublime不可不知的实用技巧
定制属于自己的个性化主题
Sublime锦上添花些许设置
写在一路更来的结语

Sublime Text 2和3的对比

相比于2,Sublime Text 3就秒启动一项,就压倒性地胜利了。因此在之后的叙述中都以Sublime Text 3为主角。并且3一直在不断的完善更新,具体的差异可参看Sublime Blog.简单的说:
ST3支持在项目目录里面寻找变量
提供了对标签页更好地支持(更多的命令和快捷键)
加快了程序运行的速度
更新了API,使用Python3.3

强烈推荐朋友们使用3! 唯快不破,不解释。

Sublime Text 3安装插件

Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件;这使得她变的无比强大的同时又不失轻便。
插件安装方式一:直接安装:

安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。

插件安装方式二:使用Package Control组件安装:

按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)粘贴以下代码到底部命令行并回车:
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

重启Sublime Text 3。如果在Perferences->package settings中看到package control这一项,则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

PS:国内使用SublimeText3,经常可能遇到无法安装可用插件问题,可remove掉Package Control重新安装下;如遇到连Package Control也无法安装,则可以在别处拷贝一份关于Package Control的文件-(Package Control.sublime-package)存放于Installed Packages目录之下即可。

Sublime Text 3插件推荐

无插件,不神器!根据自己的需要定制属于自己的强大插件集;作为在移动端旧游之后,又Web端新游的自己,墙裂推荐以下这么几款插件:
MarkDown Editing
SublimeText不仅仅是能够查看和编辑 Markdown 文件,但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。关于如何在SublimeText下高效些东西可参见文章:sublime text 2(3)下的Markdown写作 抑或是前段时间写下的追寻高效工作的一路折腾二

SideBarFolders
打开的文件夹都太多了? 来用这个来管理文件夹,世界原来也可以这么美好。

SideBarFolders

Sublime Terminal
这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹,并支持使用快捷键。

ColorPicker
通常,如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 Sublime Text 中,你可以使用内置的颜色选择器。安装完成后,只要按下Ctrl / Cmd + Shift + C 快捷键。

SublimeREPL
这可能是对程序员很有用的插件。SublimeREPL 允许你在 Sublime Text 中运行各种语言(NodeJS , Python,Ruby, Scala 和 Haskell 等等)。

Ctags插件
有童鞋抱怨Sublime Text不能支持函数的跳转(比如像Eclipse那样,按住Control点击该方法或者对象,即可跳转到定义的地方; Alt+←即可回到原处)。其实Sublime Text也可以借助插件实现之(当然,有些情况下:Can not find defination)毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦,具体的可以参见:Sublime Text ctags 的配置.

SublimeLinter插件
SublimeLinter 是前端编码利器——Sublime Text 的一款插件,用于高亮提示用户编写的代码中存在的不规范和错误的写法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
比如写例如像lua这样的弱语言脚本代码,有这个可以规避掉很多不该有的低级错误吧?当然这也需要你SublimeLinter安装完毕之后再安装一个SublimeLinter-lua即可。具体的使用可以参见:借助 SublimeLinter 编写高质量的 JavaScript & CSS 代码

SideBarEnhancements插件
SideBarEnhancements是一款很实用的右键菜单增强插件;在安装该插件前,在Sublime Text左侧FOLDERS栏中点击右键,只有寥寥几个简单的功能;安装了就相当于给其丰了大胸一般。
更强大的是,该插件还能让我们自定义快捷键呼出某个浏览器以预览页面!这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。
安装此插件后,点击菜单栏的preferences->package setting->side bar->Key Building-User,键入以下代码:
[
{ "keys": ["ctrl+shift+c"], "command": "_path" },
//chrome
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
"extensions":".*"
}
}
]

这里设置按Ctrl+Shift+C复制文件路径,按F2即可在Chrome浏览器预览效果(如果需要的话,也可以根据自己的需要为Firefox,Safari,IE,Opera等加上),当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

HTML-CSS-JS Prettify
一款集成了格式化(美化)html、css、js三种文件类型的插件,即便html,js写在PHP文件之内。插件依赖于nodejs,因此需要事先安装nodejs,然后才可以正常运行。插件安装完成后,快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意,但还可以,后面将说明如何修改css美化脚本。本人用起来超级爽的,鉴于篇幅,就不赘述,可以参见这篇介绍。

CSScomb CSS属性排序:
有时候看看自己写的CSS文件,会不会觉得属性很乱查找不易维护难?CSScomb可以按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码,按Ctrl+Shift+C,即可对CSS属性重新排序了,代码从此简洁有序易维护,如果不款选代码则插件将排序文件中所有的CSS属性。当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的,要使他工作需要在环境变量中添加PHP的路径,具体请看github上的说明。

SublimeTmpl 快速生成文件模板
一直都很奇怪为什么sublime text 3没有新建文件模板的功能,像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了,SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。
SublimeTmpl默认的快捷键:
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python

如果想要新建其他类型的文件模板的话,先自定义文件模板方在templates文件夹里,再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型,这里就详细介绍了,请各位自己折腾哈~

Javascript-API-Completions:
支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。

看此文章
http://www.jianshu.com/p/3cb5c6f2421c

10. sublime text 3写前端怎么运行

Sublime Text 3怎么运行JavaScript Mac版
http://jingyan..com/article/5d6edee2e2b5ce99eadeecbd.html