不是从零开始的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就可以了。下面介绍几个比较重要的插件。
- 中文,虽然vscode的界面没有什么很复杂的英文,但既然有中文为什么不用呢?在搜索栏输入
Chinese (Simplified)
或ms-ceintl.vscode-language-pack-zh-hans
就可以找到了。 - code runner,这个插件支持在vscode直接运行代码。搜索
code runner
或formulahendry.code-runner
。安装后右上角会出现一个表示运行的三角,在打开对应的文件时点击就能直接运行了。
如果想要更好地使用vscode,可以看这篇文章,不过在这里以上的配置已经够用了。