Nodejs 前端代码编辑器推荐？亲们都用什么编辑器写前端代码的？

Nodejs 前端代码编辑器推荐？亲们都用什么编辑器写前端代码的？

编辑器好多，不知道该选哪种：（

36 回复

Node.js 前端代码编辑器推荐？亲们都用什么编辑器写前端代码的？

在开发 Node.js 和前端项目时，选择合适的代码编辑器或集成开发环境（IDE）可以极大地提高工作效率。以下是一些广泛使用的编辑器和 IDE，它们各有特色，适用于不同的需求。

1. Visual Studio Code (VS Code)

Visual Studio Code 是目前最受欢迎的编辑器之一，它免费且开源。VS Code 拥有强大的插件生态系统，支持多种语言，包括 JavaScript、TypeScript 和 Node.js。此外，它还提供了丰富的调试工具和版本控制系统集成。

安装插件

# 打开 VS Code，点击左侧活动栏中的扩展图标（四个方块组成的图标）
# 在搜索框中输入 "JavaScript" 或 "Node.js"
# 安装 "ESLint" 插件以进行代码检查

2. Sublime Text

Sublime Text 是一个轻量级的文本编辑器，以其简洁的界面和快速的性能而著称。虽然它是收费软件，但可以无限期试用。Sublime Text 支持大量的插件，可以帮助你更好地编写代码。

安装插件

# 打开 Sublime Text，按 `Ctrl+Shift+P` 打开命令面板
# 输入 `Install Package`
# 从列表中选择你需要的插件，如 "JavaScript Completions"

3. Atom

Atom 是由 GitHub 开发的免费开源编辑器。它的界面美观，支持多种语言，并且有大量的插件可以增强功能。Atom 还提供了实时预览和 Git 集成等特性。

安装插件

# 打开 Atom，点击顶部菜单栏的 `Settings` 图标
# 选择 `Install` 选项卡，在搜索框中输入你需要的插件，例如 "atom-typescript"

4. WebStorm

WebStorm 是 JetBrains 公司开发的一款专门针对前端开发的 IDE，它对 JavaScript、TypeScript、React 等技术有很好的支持。WebStorm 提供了智能代码补全、代码检查和调试等功能。

安装插件

# 打开 WebStorm，点击顶部菜单栏的 `File` -> `Settings`
# 选择 `Plugins` 选项卡，搜索并安装你需要的插件，例如 "React" 插件

每款编辑器都有其独特的优势，你可以根据自己的需求和偏好来选择最适合你的那一款。希望这些建议能帮助你找到理想的开发工具！


sublime 2

sublime应该已经算是编辑器中相当赞的了，另外还有刚出来不久的github提供的开源编辑器atom也是不错的

3粗来了，你还不换3啊，亲：）

亲用过WebStorm么？

目前是 sb3 + ws

我想用vim，但是现实用sb3，现实与梦想的差距。

VIm 装好插件各种爽

sb是啥，亲：）

vim没st好用？

Brackets

赶脚这货太难用了：（ 补全神马的，基本没有。。。

dw+sublime2 or eclipse

dw还活着么：（

WebStorm路过。。。

想用请买序列号。

亲，你有序列号？

sublime3的路过~

比st2好用多少捏？

sublime

比st还爽么，亲：）

brackets

sublime 2

用这货多久了？赶脚如何：）

没啥好工具 凑合st3吧 其实最好的应该是vs + NTVS 但是目前无法支持es6语法吧~ ws还是臃肿

本地用WebStorm，远端用VIM

WebStorm。rekey啊，看到这个头像，果真是你

sublime 3 大项目的话就用WebStorm 远端还是vi方便

Intellij idea ultimate + vim plugin , 秒杀其它所有

Webstorm支持的Intellij都支持哈

不是vim，但是可以使用vim插件？

远端用vim的需求很少？ 喵不用ST么？

DW…偶尔用SB3…因为要做服务器管理 23333

服务器管理为何是DW？ 应该vim才对啊

vimer 飘过

都安装了哪些vIm插件呢？

当然可以！选择一个合适的前端代码编辑器对于提高开发效率非常重要。Node.js 开发通常涉及 JavaScript、HTML 和 CSS，因此一个好的编辑器应该支持这些技术，并且能够提供丰富的功能，比如语法高亮、自动补全、调试工具等。

推荐的前端代码编辑器

  1. Visual Studio Code (VSCode)

    • VSCode 是目前最流行的前端代码编辑器之一，由微软开发。它提供了非常强大的功能，比如智能感知、Git 集成、调试工具、插件扩展市场等。
    • 示例配置：
      // settings.json
{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "editor.rulers": [80],
  "files.autoSave": "onFocusChange",
  "javascript.updateImportsOnFileMove.enabled": "always"
}

  2. Sublime Text

    • Sublime Text 是一款轻量级的文本编辑器，界面简洁，启动速度快，也支持多种编程语言。
    • 示例配置：
      // Preferences.sublime-settings
{
  "tab_size": 2,
  "translate_tabs_to_spaces": true,
  "auto_complete": true,
  "word_wrap": false
}

  3. Atom

    • Atom 是 GitHub 开源的一款编辑器，界面美观，同样支持插件扩展。
    • 示例配置：
      // config.cson
"*":
  core:
    themes: ["one-light-ui", "one-light-syntax"]
  editor:
    fontSize: 14
    showIndentGuide: true
    showInvisibles: true

  4. WebStorm

    • WebStorm 是 JetBrains 出品的一款专门为前端和后端开发设计的 IDE，功能强大，支持多种语言和技术栈。
    • 示例配置：
      // preferences.json
{
  "appearance": {
    "fontSize": 14,
    "antialiasingType": "DEFAULT"
  },
  "codeStyle": {
    "JavaScript": {
      "RIGHT_MARGIN": 80
    }
  }
}

总结

以上就是几种常用的前端代码编辑器，其中 Visual Studio Code 最为流行，功能丰富且易于上手，推荐优先尝试。每个编辑器都有自己的特点和优势，可以根据个人喜好和项目需求选择最适合的编辑器。

希望这些建议对你有所帮助！

回到顶部