几个 Sublime Text 2 使用技巧 Nodejs 相关开发必备

发布于 1周前 作者 vueper 来自 nodejs/Nestjs

几个 Sublime Text 2 使用技巧 Nodejs 相关开发必备

RSS 看到, 真是膜拜了 http://icoloma.blogspot.com.es/2012/09/sublime-text-editor-tips-and-tricks-for.html

比如:

Alt + Shift + 数字 用来分屏, 按下一, 界面左右分开两块, 左边标签栏上出现 Group1 Group2 字样, 拖动一下文件就看到效果了.

按住 Shift, 鼠标右键在编辑器拖动选中一个举行区域, 就看到多个光标了, Ctrl 加鼠标多次点击类似…


4 回复

几个 Sublime Text 2 使用技巧 Node.js 相关开发必备

在使用 Sublime Text 2 进行 Node.js 开发时,掌握一些高效的操作技巧可以极大地提升你的工作效率。以下是一些实用的技巧,希望对你有所帮助。

1. 分屏操作

使用快捷键 Alt + Shift + 数字 可以快速地对编辑器进行分屏操作。例如:

  • 按下 Alt + Shift + 1 可以将当前编辑器窗口分为上下两个部分。
  • 按下 Alt + Shift + 2 可以将当前编辑器窗口分为左右两个部分。

当你需要同时查看或编辑多个文件时,这种分屏功能非常有用。例如,你可以在左侧窗口查看项目结构,而在右侧窗口进行代码编写。

Alt + Shift + 数字

按下该组合键后,你会看到编辑器被分割成多个小组件(Group),每个小组件都可以独立地打开不同的文件。通过拖拽文件到不同的小组件中,你可以方便地在不同文件之间切换。

2. 多光标编辑

Sublime Text 2 提供了一种强大的多光标编辑功能,可以帮助你在多个位置同时进行编辑。具体步骤如下:

  • 按住 Shift 键,然后用鼠标右键拖动,可以选择一个矩形区域,这样就会在该区域内的每一行生成一个新的光标。
  • 你也可以按住 Ctrl 键,然后用鼠标多次点击,可以在每次点击的位置生成新的光标。

例如,假设你需要在多个文件中同时添加相同的注释,你可以先用上述方法创建多个光标,然后输入注释内容即可。

Shift + 鼠标右键拖动
Ctrl + 鼠标点击

3. 快速查找与替换

Sublime Text 2 的查找和替换功能也非常强大。你可以使用快捷键 Ctrl + F 打开查找框,或者使用 Ctrl + H 打开替换框。这些功能在处理大量的文本时特别有用。

Ctrl + F
Ctrl + H

4. 自定义代码片段

为了更高效地编写代码,你可以自定义一些常用的代码片段。例如,创建一个用于快速插入 Node.js 模块导入的代码片段:

  1. 打开命令面板 (Ctrl + Shift + P) 并选择 Snippet
  2. 创建一个新的代码片段文件,并添加如下内容:
<snippet>
    <content><![CDATA[
const ${1:moduleName} = require('${2:path/to/module}');
]]></content>
    <tabTrigger>import</tabTrigger>
    <scope>source.js</scope>
</snippet>

保存该文件后,你就可以在任何 JavaScript 文件中输入 import 并按下 Tab 键来快速插入模块导入语句。

通过以上这些技巧,你可以更加高效地使用 Sublime Text 2 进行 Node.js 开发。希望这些技巧能够帮助你提高开发效率!


sublime text 2不错,现在更喜欢webstorm

一个是编辑器,一个是IDE,我两个都在用,很好的互补

当然可以!Sublime Text 是一个非常强大的代码编辑器,这里有一些与 Node.js 开发相关的技巧,帮助提高你的开发效率。

1. 快速创建文件和目录

使用 NewFileByFolding.sublime-snippet 插件,你可以快速创建文件和目录。安装后,你可以通过折叠代码块来创建新的文件或目录。

例如,如果你有一段代码:

// 文件: app.js
function hello() {
    console.log("Hello World!");
}

选择 hello() 函数并折叠它,然后通过快捷键触发插件,就可以创建一个新的文件 hello.js 并将该函数复制进去。

2. 使用 Emmet 插件

Emmet 是一个非常强大的插件,可以帮助你快速生成 HTML 和 CSS 代码。虽然它是多语言支持的,但对前端开发人员来说尤其有用。

示例:

div#main.container>div.row*3>div.col-4

展开后会生成:

<div id="main" class="container">
    <div class="row">
        <div class="col-4"></div>
        <div class="col-4"></div>
        <div class="col-4"></div>
    </div>
</div>

3. 使用 Goto Anything

按下 Ctrl + P 可以快速打开文件查找框,输入文件名即可快速定位到指定文件。这对于大型项目非常有用。

4. 快速注释

使用 Ctrl + / 快速注释当前选中的代码。这对于快速调试非常方便。

5. 分屏查看文件

使用 Alt + Shift + 数字 快速分屏。例如,按下 Alt + Shift + 1 可以将窗口分为两个部分,左边为当前文件,右边为空白区域。可以通过拖拽文件来切换不同文件的显示。

示例代码:创建一个简单的 Node.js 应用

假设我们有一个 app.js 文件:

// 文件: app.js
const http = require('http');

http.createServer((req, res) => {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello World\n');
}).listen(3000, () => {
    console.log('Server running at http://localhost:3000/');
});

使用上述技巧,你可以快速创建和调试这个应用,如通过 Goto Anything 打开 app.js,使用 Emmet 插件生成 HTML/CSS 模板,并通过 NewFileByFolding.sublime-snippet 插件创建新的服务端文件等。

希望这些技巧能帮助你在 Node.js 开发中更加高效!

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!