前言
偶遇《從零開始構建 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 來運行整個程序。
"scripts": {
"start": "node ."
}
package.json 必須是有效的 JSON 文件,這意味著不能使用尾逗號。手動編輯 package.json 文件時要注意這一點。
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