【Sublime Text】使用Sublime Text 3写前端代码

最新推荐文章于 2024-01-12 11:59:47 发布
最新推荐文章于 2024-01-12 11:59:47 发布
阅读量3.2k 收藏 3
点赞数
分类专栏： 工具 文章标签： sublime
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bonjourcs/article/details/56016069
版权

新年伊始，我决定使用Sublime Text写前端代码。虽然IDEA写页面同样得心应手，但在前端方面，我现如今，仍是一个不折不扣小学生。所有，我希望在学习的过程中，使用一个相对轻量级的IDE，Sublime和插件的结合正好可以满足我的需求。

需求

首先，轻量级的前端IDE需要如下功能：

  • 树状导航
  • 快速创建文件
  • 代码自动补全
  • 代码高亮
  • 代码提示
  • 代码格式化
  • 代码追踪

插件选择

  • SideBarEnhancements：增强工具栏
  • AnvancedNewFile：快速创建文件
  • ConvertToUTF8：使用UTF8打文件
  • Emmet：前端代码(HTML/CSS)快速补全
  • SublimeCodeIntel：代码提示
  • DocBlockr：高级JS注释
  • JSHint：JS语法检查
  • JsFormart：JS代码格式化
  • Javascript Beautify：JS代码格式化
  • Git：git代码跟踪插件

效果图

Sublime Text效果图

P.S. Sublime安装插件方法见Sublime Text安装插件

最上川智
关注
专栏目录
在sublime text中搭建完美可交互的网页前端编写环境
河西~石头
10-24 2206
自从frontpage和dream waver等网络三剑客离我们远去了，似乎要建立一个轻量级的网页前端编辑和实时预览的环境变的不那么方便，这里，我们尝试用sublime text来实现它。
Sublime Text 3搭建前端环境
Co_zy的博客
07-15 3346
推荐安装插件 1.Emmetctrl+shift+p 输入install 输入emmet如果有如下报错Please wait a bit while PyV8 binary is being downloaded则在这里下载合适版本 https://github.com/emmetio/pyv8-binaries#readme然后解压,将解压后文件复制到sublime 的Install Pack
Emmet：HTML/CSS代码快速编写神器
04-26 3725
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示：    Zen coding下的编码演示 去年年底，该插件已经改名为Emmet。但Emmet不只改名，还带来了一些新特性。本文就来直观地演示给你。  一、快速编写HTML代码
Sublime Text 使用手册
05-12
- Getting Started with SublimeText：基础入门教程。 - Sublime Text Perfect Workflow：构建高效的Sublime Text工作流程。 通过深入学习和实践，Sublime Text将成为你不可或缺的开发工具，无论你是初学者还是经验...
Sublime Text 3
07-16
Sublime Text 3是一款广受开发者喜爱的代码编辑器，以其高效、轻量级和高度可定制性著称。这款最新版本的Sublime Text 3带来了许多改进和新功能，旨在提升开发者的编程体验。 首先，Sublime Text 3支持多种编程语言...
Sublime Text3 插件包（包含前端大部分常用插件）
06-23
Sublime Text3 插件包（包含前端大部分常用插件，绝版插件）。 解决 Package Control 网站被墙后，无法下载插件，像LESS2CSS等插件 Package Control都无法搜索到了。 插件包列表： All Autocomplete，AutoFileName，...
Sublime Text3
最新发布
05-27
Sublime Text3是一款备受开发者喜爱的轻量级、高效且高度可定制的文本编辑器，尤其在编程领域中被广泛使用。它以其优秀的代码高亮、语法折叠、多行选择和快捷键操作等功能赢得了程序员们的青睐。下面我们将深入探讨...
sublime text 3 中文版 带前端插件 js vue 等
03-31
中文版编码软件， 下载了很多插件类工具 可以用于方便开发.....
win7 下搭建前端开发环境 sublime-text3
FAS ------ 一颗好奇心，一页好代码！
04-23 1810
sublime 安装 emmet插件
Sublime Text3 如何在控制台运行JavaScript代码
qq_37187917的博客
04-03 2186
最近在看js方面得一些视频，每次运行代码都要去浏览器得控制台中去看，比较麻烦，上网上一查，Sublime可以使用nodejs来搭建一个小型得控制台，就不用不停得切换了。 1.首先需要先下载安装node.js，完成后再cmd中运行node -v，如果有版本号输出，那就代表安装成功 2.打开Sublime，找到Tools ==> Build System ==> New Build Sy...
sublime 开发前端_10个面向前端开发人员的Sublime文本包
cune1359的博客
07-07 274
Sublime Text是功能最强大的代码编辑器之一，具有一些令人赞叹的功能，通过安装Plugins或Packages甚至可以更强大。 这些插件为Sublime Text添加了额外的功能。 如今，有许多插件可以满足您几乎所有的编码需求。 寻找好的扩展可能是真正的挑战 ; 一些扩展已被其开发人员完全放弃，而其他扩展可能不再与最新版本的Sublime Text 3兼容（在撰写本文时）。 如...
将Sublime打造成超强前端IDE
CSDN文章已停止维护，后续文章会在 https://blog.hufeifei.cn 持续更新
09-18 4665
前几天把Sublime更新了一下，插件什么的重新装，但是突然都忘了以前装过什么插件了，把内容记录下来以备将来再查。sublime下载地址：https://www.sublimetext.com/3sublime文档地址： https://www.sublimetext.com/docs/3/ http://docs.sublimetext.info 授权码（不激活也可以使用，推荐购买授权码）—– B
sublime 前端开发小公举
堕落者的博客
02-14 471
sublime是一款体积小,安装方便,功能强大的编辑软件+++++++++++++++++++++++++++++++++++++++++++++主要以Windows操作为主,做以下笔记, 电脑Windows-7-64位系统  Ctrl + Shift +  P      在需要的时候总是出人意料的好用..........这里要说明: 一切自定义文件都应放在user文件夹下 ,一切修改都应在use...
Sublime Text 3配置 Python 开发环境
Huazie
01-12 2897
本篇Huazie介绍了配置Python开发环境的相关内容，感兴趣的朋友赶紧配置起来，有任何问题可以随时评论区沟通。
一个前端程序猿的Sublime Text3的自我修养
航天飞哥的博客
05-25 8669
详细设置 && 20+插件 本文章会在本人有插件或者设置更新时，进行不定时更新 2015-12-31更新：NO. 21 侧边栏同步编辑窗口底色插件。 2016-04-06更新：代码片段：better-completions；主题：Material,Seti_UI；代码格式化：HTML-CSS-JS Prettify；vue语法高亮：Vue Syntax Highlight；Termi
sublime text 3编写html,如何使用Sublime Text3写前端代码
weixin_39773239的博客
06-26 534
如何使用Sublime Text3写前端代码发布时间：2020-12-10 13:50:18来源：亿速云阅读：64作者：小新这篇文章主要介绍如何使用Sublime Text3写前端代码，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！虽然IDEA写页面同样得心应手，但在前端方面，我现如今，仍是一个不折不扣小学生。所以我希望在学习的过程中，使用一个相对轻量级的IDE，Sublim...
[前端][HTML]怎样使用sublime Text 3编写HTML
swordtraveller的博客
09-23 7886
1.下载并安装Sublime Text 3. 2.打开Sublime Text 3界面。 欢迎页面3.按下Ctrl+N，新建页面。 新建页面4. 按下Ctrl+S，另存为你所指定的文件名，使用.html后缀（后缀很重要，Sublime将会根据后缀判断语言类型并帮你开启相应的自动补全）。例如，文件名为test.html 此时，当前标签页的文件名已经变成了test.html5.输入<...
SublimeText3完整安装及插件配置指南
接着，将`channel_v3.json`文件放置到指定目录，如`"D:\\WEB\\SublimeText3\\channel_v3.json"`，确保路径使用双斜线。 3. **修改用户文件** 为了使PackageControl生效，需要修改用户设置。在“首选项”菜单中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值