Nodejs开发环境搭建:用emacs打造node.js开发环境

Nodejs开发环境搭建:用emacs打造node.js开发环境

这么长的帖子 怎么没人顶呢?

4 回复

当然可以。以下是如何使用 Emacs 打造一个 Node.js 开发环境的详细步骤。


Node.js 开发环境搭建:用 Emacs 打造 Node.js 开发环境

在现代软件开发中,选择合适的编辑器或 IDE 非常重要。Emacs 是一个高度可定制的文本编辑器,非常适合用来编写 Node.js 应用程序。本文将介绍如何配置 Emacs 以支持 Node.js 开发。

安装 Node.js 和 npm

首先,确保你的系统上已经安装了 Node.js 和 npm(Node 包管理器)。你可以通过以下命令来安装:

# 对于 Debian/Ubuntu 系统
sudo apt-get install nodejs npm

# 对于 CentOS/RHEL 系统
sudo yum install nodejs npm

验证安装是否成功:

node -v
npm -v

安装 Emacs

如果你还没有安装 Emacs,可以通过以下命令进行安装:

# 对于 Debian/Ubuntu 系统
sudo apt-get install emacs

# 对于 CentOS/RHEL 系统
sudo yum install emacs

配置 Emacs

接下来,我们需要为 Emacs 安装一些插件,以便更好地支持 Node.js 开发。你可以使用 use-package 来简化插件的管理。

  1. 安装 use-package

    在你的 .emacs 文件中添加以下代码:

    (require 'package)
    (add-to-list 'package-archives
                 '("melpa" . "https://melpa.org/packages/") t)
    (package-initialize)
    (unless package-archive-contents
      (package-refresh-contents))
    
    (unless (package-installed-p 'use-package)
      (package-install 'use-package))
    
  2. 安装必要的插件

    继续在 .emacs 文件中添加以下代码:

    (require 'use-package)
    
    (use-package js2-mode
      :mode "\\.js\\'"
      :config
      (setq js2-basic-offset 2))
    
    (use-package company
      :config
      (global-company-mode))
    
    (use-package flycheck
      :init
      (global-flycheck-mode)
      :config
      (flycheck-select-checker 'javascript-eslint))
    
    (use-package projectile
      :config
      (projectile-mode +1)
      (define-key projectile-mode-map (kbd "C-c p") 'projectile-command-map))
    
  3. 安装 ESLint

    ESLint 是一个非常有用的工具,用于检查 JavaScript 代码中的错误和潜在问题。你需要全局安装 ESLint:

    npm install -g eslint
    
  4. 配置 ESLint

    创建一个 .eslintrc.json 文件来配置 ESLint 规则:

    {
      "env": {
        "browser": true,
        "es6": true
      },
      "extends": "eslint:recommended",
      "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
      },
      "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module"
      },
      "rules": {
        "indent": ["error", 2],
        "linebreak-style": ["error", "unix"],
        "quotes": ["error", "double"],
        "semi": ["error", "always"]
      }
    }
    

完成以上步骤后,你就可以开始在 Emacs 中愉快地编写 Node.js 代码了!希望这些配置能够帮助你提高开发效率。


初学者使用 Emacs,还是建议用 https://github.com/bbatsov/prelude

楼主你要学会用 package 管理包,这种安装包的方式不方便以后升级。

要使用 Emacs 打造一个高效的 Node.js 开发环境,我们需要配置一些基本的工具和插件来提高编码效率和调试能力。以下是如何设置 Emacs 的步骤:

1. 安装 Emacs

确保你的系统上已经安装了 Emacs。如果你使用的是 macOS,可以通过 Homebrew 安装:

brew install emacs

对于 Windows 或 Linux 用户,可以从官网下载对应的安装包。

2. 安装 Node.js 和 npm

安装 Node.js 和 npm,这样你就可以运行和管理 JavaScript 包。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
nvm install node

3. 配置 Emacs

接下来,我们需要在 Emacs 中安装一些有用的插件。你可以使用 use-package 来管理这些插件。

安装 use-package

首先,在你的 Emacs 配置文件(通常是 .emacsinit.el)中添加以下内容来安装 use-package

(require 'package)
(add-to-list 'package-archives '("melpa" . "https://melpa.org/packages/") t)
(package-initialize)

(unless (package-installed-p 'use-package)
  (package-refresh-contents)
  (package-install 'use-package))

(eval-when-compile
  (require 'use-package))

配置插件

安装必要的插件:

(use-package web-mode
  :mode ("\\.jsx\\'" "\\.js\\'")
  :config
  (setq web-mode-markup-indent-offset 2)
  (setq web-mode-code-indent-offset 2)
  (setq web-mode-enable-css-colorization t))

(use-package company
  :config
  (global-company-mode))

(use-package flycheck
  :hook (after-init . global-flycheck-mode))

(use-package exec-path-from-shell
  :if window-system
  :config
  (exec-path-from-shell-initialize))

4. 使用 M-x nodejs-repl 启动 REPL

为了方便调试,你可以使用 nodejs-repl 模式:

(use-package nodejs-repl
  :commands (nodejs-repl)
  :config
  (require 'exec-path-from-shell)
  (when (memq window-system '(mac ns))
    (exec-path-from-shell-initialize)))

5. 运行和调试 Node.js 应用

你可以通过 Emacs 命令行工具来运行 Node.js 应用:

M-x run-node

以上就是如何使用 Emacs 搭建 Node.js 开发环境的完整步骤。通过上述配置,你可以获得更好的编辑体验、代码补全以及错误检查功能。

回到顶部