前言

偶遇《从零开始构建 JavaScript 技术栈》，按作者 @verekia 的话来说这是一份简单直接的 Javascript 技术栈构建指南。3 月 17 号早读文章由 @pd4d10 翻译授权分享。

正文从这开始～

在本节中，我们将学习如何设置 Node，NPM，Yarn 和 package.json。

首先需要安装 Node，它提供了后端 JavaScript 的运行环境，同时还包括构建前端技术栈所需的所有工具。

macOS 或 Windows 用户可以直接下载安装文件，Linux 用户可以通过包管理器安装。

例如，在 Ubuntu / Debian 上，您可以运行以下命令来安装 Node：

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs

你需要大于 6.5.0 的 Node 版本。

npm 是 Node 的默认包管理器，不需要手动安装。

注意：如果你之前已经安装过 Node，可以使用 nvm (Node Version Manager) 安装最新版本的 Node。

Yarn 是另一个包管理器，它比 NPM 快许多，而且能离线缓存，在包的依赖管理上更可靠。Yarn 于 2016 年 10 月 发布 以来就获得了广泛的使用，正在成为 JavaScript 社区选择的新的包管理器。我们将在本教程中使用 Yarn。如果你想使用 NPM，用 npm install --save 和 npm install --save-dev 分别替换 yarn add 和 yarn add —dev 命令即可。

• 按照这个说明安装 Yarn。你可以使用 npm install -g yarn 或 sudo npm install -g yarn 安装它（是的，我们可以使用NPM来安装Yarn，就像使用 Internet Explorer 或 Safari 安装Chrome 一样！）。

• 创建一个新文件夹，并 cd 到文件夹中。

• 运行 yarn init，并按照提示输入一些字段（使用 yarn init -y 可以跳过输入字段的环节），将自动生成一个 package.json 文件。

• 新建 index.js 文件，内容为 console.log('Hello world')。

• 在当前文件夹下运行 node .（Node 默认会去找当前文件夹下的 index.js）。将打印 “Hello world”。

运行 node . 可能有点太容易了。我们将使用 NPM / Yarn 脚本来触发代码的执行。这样做的好处是，即使我们的程序变得更复杂，也能使用简单的一个命令 yarn start 来运行整个程序。

• 在 package.json 中增加 scripts 字段如下：

"scripts": {
 "start": "node ."
}

package.json 必须是有效的 JSON 文件，这意味着不能使用尾逗号。手动编辑 package.json 文件时要注意这一点。

• 运行 yarn start，将打印 Hello world。

• 新建一个 .gitignore 文件，增加以下内容：

npm-debug.log
yarn-error.log

注意：你可能注意到每章的 package.json 文件都有一个 tutorial-test 脚本。这些脚本是用于测试的，确保 yarn && yarn start 运行正确。你可以在自己的项目中删除它们。

最后，你可能还需要：

【第558期】不会写shell的程序员照样是好前端——用Node.JS实现git hooks

【第610期】JS一般般的网页重构可以使用Node.js做些什么

【第733期】Yarn：一个新的JavaScript包管理器

关于本文

译者：@pd4d10

译文：https://github.com/pd4d10/js-stack-from-scratch