web前端编辑器,sublime使用技巧和方法

article/2025/9/3 14:28:35

工欲善其事必先利其器,一个好的web前端编辑器可以加速你的web开发进度。

web前端编辑器有很多,个人觉得每个编辑器都有其自身的有点,适合自己的用的就是好的编辑器。

这些编辑器你是否用过,你喜欢用哪些代码编辑器?

Dreamweaver、WebStrom、Notepad ++、HBuilder、sublime.......

小编也用过好多编辑器,个人觉得sublime比较适合我。下面简单给新手朋友们简介一下sublime的使用方法。

1.sublime如何新建工程、项目的。

第一可以直接把一个或者多个工程拖到左侧FOLDERS文件夹管理界面;第二可以打开:项目->添加文件夹到项目。




2.Ctrl+P快捷键可以快速查找切换到相应的文件。



3.sublime实用的配置

打开:首选项>设置-用户,然后可以在里面设置字体大小"font_size": 14;关闭检测更新"update_check": false,自动换行"word_wrap": true等。



4.sublime快速搜索

按住”Ctrl+F”快捷键,在搜索框下边输入要找的单词即可,定位很迅速哦。



5.sublime缩略图定位

点击右侧缩略图区域,可以快速定位到自己的代码块里面。



6.sublime快速注释

使用”Ctrl+/”,或者使用“Ctrl+Shft+/”。注释了再同样操作”Ctrl+/”即可解除注释。



没有最好用的,只有最适合的。希望这篇文章可以让新手朋友喜欢上sublime。


http://chatgpt.dhexx.cn/article/RMEbirkO.shtml

相关文章

前端必备的开发工具推荐——VScode代码编辑器

前言 VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,…

强烈推荐:web前端目前最受欢迎的4款编辑器

2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,前端由此发生了翻天覆地的变化。在这漫长的岁月里,前端开发工具也在不断的演变更新,作为一枚从事了3年多前端的工作者,总结一波目前比…

初识百度前端编辑器UEditor

专业医养综合系统的开发框架已经基本构建完成,采用了B/S模式,以适应未来分布式和云平台应用。 对于医院信息系统来说,电子病历是关键的功能模块之一,而B/S结构的电子病历并不常见,因此为了配合开发框架的使用&#xff…

前端页面插件集成-Markdown编辑器

页面插件集成-Markdown 下载MarkDown的插件包引入css、js、jquary文件定义一个textarea区域作为MarkDown的载体初始化Markdown编辑器最终效果 下载MarkDown的插件包 下载地址如下: 下载传送门 点击Github下载,然后解压 解压之后将如下文件夹和 js 文件c…

前端——代码编辑器

1.codemirror插件 相关网址 Vue 官方插件库推荐的集成实现 这个实现做的比较全面,但不支持动态语法高亮的切换codemirror 支持的语言类型codemirror 官网 参考文章: vue-codemirror 代码编辑器 - 简书 2.vue-codemirror插件 相关网址 1.vue-codemir…

三款好用的前端代码编辑器推荐

想学web前端开发,那么必然离不开一款实用的代码编辑器,了解一些代码编辑器及其功能和快捷方式可以让开发人员在工作效率方面获得巨大优势。下面小千就整理了三款常用web前端代码编辑器,一起来看看吧。 1、Visual Studio Code 微软的Visual…

这7个web前端开发写代码软件,你过用几个?

群里的朋友,经常问到web前端开发写代码用那个软件好?今天在这里统一回答下,主流的web前端开发写代码的软件有这些Webstorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等,做前端这么多年了,下面谈下我的使用感受吧。 1.WebStorm【推荐】 WebStorm…

你居然不知道前端常用的这6种编辑器

前端常用的6种编辑器 Visual Studio Code 下载地址:https://code.visualstudio.com/ 介绍: Visual Studio Code简称VS Code,是一款由微软开发且跨平台的免费代码编辑器,该软件功能十分强大,功能和插件也非常的全面&…

和菜鸟一起学电子小玩意之四轴飞行器原理

前几天看到个视频,觉得四轴飞行器很赞,于是乎想研究下,准备做一个玩玩。凡事还得先从基础开始。先学习下四轴的工作原理,那样,对以后的开发也相对来说方便多了。下面摘抄了一篇好文章,结合图形,…

多旋翼无人机进阶教程

无人机是一个系统的工程,不可谓不庞大。 开源飞控盛行,重复造轮子的工作实在无需再做。 但是若决定真正的去研究飞控,必须从本质出发,熟悉并了解其实现原理。 纷繁复杂的资料,让人无法分辨。 笔者不才,…

四轴飞行器入门——飞行器的硬件结构

引言 本篇文章主要介绍四轴飞行器的硬件结构。前半篇文章介绍每种硬件的作用,后半部分会讲一些硬件选型的相关知识。 本文大部分内容为原创,少部分内容搬运自其它博客或文章。对于搬运过来的内容,文末附上原文链接。 飞行器的硬件结构 以…

F450四旋翼搭建

这次是用Pixhawk飞控搭建四旋翼! 一、底板焊接 将四个电调以及XT60电源线焊接在底板上,注意线穿过底板留出的孔,红白线对应正负极,同时焊点不能太大,会阻挡以后电池的安装。 二、电机香蕉头焊接和套上热缩管 香蕉头…

四轴飞行器姿态控制

四轴飞行器姿态控制 一、姿态解算相关概念 1.欧拉角 用来表示三维空间中运动物体绕坐标轴旋转的情况,即物体每时每秒的姿态可以由欧拉角表示。 2.四元数 四元数用于物体的旋转,是一种复杂但是效率较高的旋转方式。 对于一个物体的旋转&#xff0c…

四轴飞行器学习笔记

四轴飞行器学习笔记 程序员除了素质一无所有 纯手工打造 独具匠心 Mr_zhang 访问此博客 好评 非常好评 极度好评 文章目录 **四轴飞行器学习笔记**访问此博客 四轴飞行器飞行原理其基本的运动状态分别为机翼陀螺仪**倾角传感器**(角度传感器,并不是四轴飞行器常用部…

一起DIY四轴飞行器(一)项目简介

前言 前段时间看到一篇博客,利用开源的飞控,自己DIY的四轴飞行器,内心就开始躁动,想自己也DIY一架四轴飞行器。本系列博客,记录业余时间DIY的过程,个人能力有限,中间肯定会遇到很多困难&#xf…

图文并茂详细教程之-- 用pixhawk飞控组装一台F450四轴无人机(下)

摘自:https://mp.weixin.qq.com/s/1vXfYPgaQEkXLfpSnjJqAw 图文并茂详细教程之-- 用pixhawk飞控组装一台F450四轴无人机(下) CJKK 苍穹四轴DIY 2019-11-15 第八步 失控保护设置 PIX 的失控保护是通过 故障保护 菜单配置的,点…

四旋翼飞行器教学笔记1 ——四轴飞行器飞行原理简介

顾名思义,四轴飞行器由四个螺旋桨高速旋转产生升力,为其提供飞行动力。 四个电机转向正反各两个,可以相互抵消反扭矩。不同于常规固定翼飞机,多旋翼无人机属于静不稳定系统,因此必须依赖于强大的飞控系统才能飞行。 …

四轴飞控DIY调试起飞简明步骤

四轴飞控DIY调试起飞简明步骤 调试起飞简明步骤Step1:飞控配置Step2:试飞目标测试内容坐标系 Step3:试飞方法1.升降(Throttle)2.偏航(yaw)3.俯仰(Pitch)4.翻滚&#xff0…

飞越650四轴无人机安装全程详解(多图)

飞越650四轴无人机安装全程详解(多图) 本文根据自己的安装实际过程,总结了开箱后一个比较合理的650四轴无人机安装顺序,以及各个步骤的注意事项,主要内容包括: 系统基本配置 机架安装 安装机臂与机架上板…

1-2 四轴飞行器基本原理

关于基本原理这里只作简单的介绍 无刷电机转动都会有个反扭力,但是显然飞机必须平衡才能好好飞行,所以四旋翼无人机一般都会有两个正转的电机,两个反转的电机,且处于对角线位置,这样的布局就是为了平衡每个电机反扭力。…