不是从零开始的Web开发（一）

这一篇主要讲环境和 IDE 的配置，不涉及具体的开发内容

win10 环境

现在，如果是个人要做一个小网站或是博客，有很多速成的生成方法。虽然这句话听起来似曾相识（而且还撞上了上次立的 flag），但这次需要用 node.js 写。有一说一，之前我对 node.js 完全不了解，所以这次还是简单地记录一下开发的全过程吧。

配环境

首先，使用任何一门新语言的第一步都是配环境。node.js 也不例外，所以先从官网下安装包，对照自己电脑的版本装即可。下载下来之后直接运行，一路都是默认选项。

在安装完之后，win+r打开运行，输入 cmd打开命令行，输入 node -v，如果返回了版本号就说明安装成功了。

node -v
v14.16.0

在配 IDE 之前，可以先用命令行的方式运行 node.js，和 python 类似，只要在命令行环境下输入 node，就可以进入 node.js 的环境了。不过退出不是输入 exit()，而是连续两次 ctrl+c。或者也可以写在后缀为 js的文件里，在命令行中输入 node 带相对路径的文件名。

配第三方包

node.js 的第三方包管理工具是 npm，其地位相当于 pip 之于 python。现在的 node.js 安装包，在安装 node.js 的同时会安装 npm，所以不需要额外下载什么包管理工具。缺啥直接用 npm 下啥就行了。

下面随便举个例子，假如我需要使用 dom 的解析包 jsdom，那我应该采用如下的语法调包。

var a = require("jsdom");

然后 node.js 就会报错：

Uncaught Error: Cannot find module 'jsdom'
Require stack:
...

凡是遇到类似这种错误，命令行直接运行类似下面的语句。

npm install jsdom

然后就可以正常使用了。

配 IDE

虽然 node.js 可以在命令行环境下跑，但有一个顺手的 IDE 还是能让编程快乐不少。所以祭出伟大的 vscode 总是没有错的。vscode 的配置在网上已经有很多了，在这里就简略地记一下一些比较重要的配置。

下载

直接在官网下载和安装即可。

插件

插件是 vscode 的灵魂，插件面板可以通过点击左侧边栏那个看起来像是俄罗斯方块的按钮打开，也可以用快捷键 ctrl+shift+x打开，在弹出的搜索框里输入需要的插件名，点击 install 就能下载。有些插件安装之后需要重启 vscode，一般都会在右下角弹窗提醒，点击弹窗的 restart 就可以了。下面介绍几个比较重要的插件。

1. 中文，虽然 vscode 的界面没有什么很复杂的英文，但既然有中文为什么不用呢？在搜索栏输入 Chinese (Simplified)或 ms-ceintl.vscode-language-pack-zh-hans就可以找到了。
2. code runner，这个插件支持在 vscode 直接运行代码。搜索 code runner或 formulahendry.code-runner。安装后右上角会出现一个表示运行的三角，在打开对应的文件时点击就能直接运行了。

如果想要更好地使用 vscode，可以看这篇文章，不过在这里以上的配置已经够用了。