背景
MDN教程:前端必备网站,这里有最权威的资料和教程
FreeCodeCamp:Github Star数排名第一的仓库,交互式学习Web开发的网站。
一些概念:
- JavaScript 是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等。
- jQuery 是一个 JavaScript 库。
- TypeScript 由微软开发的自由和开源的编程语言,是 JavaScript 的一个超集。
- Node.js 是一个开源和跨平台的 JavaScript 运行时环境。简单的说 Node.js 就是运行在服务端的 JavaScript。
官方Node.js简介:Node.js 是一个开源和跨平台的 JavaScript 运行时环境。
尚硅谷Node.js教学:尚硅谷配套教学视频
NodeSchool:本地命令行交互式教学
Node入门:一个最快的Node入门上手项目(边做边学)
关于如何入门Nodejs的回答:stackoverflow上的相关问题及回答,提供了很好的Node.js入门路线
Node.js
Node.js确实是使用Javascript作为编程语言,但是这和前端Javascript还是有很多不同。
- 首先是Node.js是跨越到服务端的,这使得它利用Javascript干一些和Python、PHP相同的事。Node.js需要开发者有一定的网络、数据库以及文件系统等知识基础,或者说是需要后端思维,这样才能有效开发出服务端应用程序。
- 其次,就是由此导致的生态差异。在浏览器中,大多数时候做的是与 DOM 或其他 Web 平台 API(例如 Cookies)进行交互。那些在 Node.js 中是不存在的。没有浏览器提供的
document
、window
以及所有其他的对象。在浏览器中,不存在 Node.js 通过其模块提供的所有不错的 API,例如文件系统访问功能。 - 在 Node.js 中,可以控制运行环境。 除非构建的是任何人都可以在任何地方部署的开源应用程序,否则你能知道会在哪个版本的 Node.js 上运行该应用程序。 与浏览器环境(你无法选择访客会使用的浏览器)相比起来,这非常方便。但是这也导致Node.js版本对于构建应用程序非常关键,下面配置环境的时候会详细说明,先声明Node.js版本过低或过高都会导致程序或者工具无法正常运行。
Node.js安装
强烈推荐使用Node.js版本控制器,有效避免各种版本不兼容问题!!!
为什么这么说?因为Node.js是一个非常典型的版本新却不一定更好的环境,高版本Node.js经常不兼容一些低版本的工具(如gulp 2.x),而且是直接报错而不是报个警告而已。使用版本控制器,可以自由切换Node.js版本,方便开发。常用的Node.js版本控制器有:
在Windows上使用nvs
- 去Github上下载最新的Windows安装包
- 添加最新版
nvs add latest
或者稳定版nvs add lts
- 在当前Shell中使用
nvs use [version]
或者永久生效nvs link [version]
Hello World
创建hello.js
,输入以下内容:
console.log("Hello World");
命令行下运行:
包管理器
Node.js自带包管理器npm
,它起初是作为下载和管理 Node.js 包依赖的方式,但其现在也已成为前端 JavaScript 中使用的工具。
yarn
是替代品,速度更快,使用也更安全。同理,pnpm
也是如此,pnpm
官网有性能对比
VS Code开发指南
在了解基本Node.js的基本情况后,我们就需要了解如何更好地编写Node.js。VS Code是非常合适的编辑器,首先需要强大的扩展加持,辅助我们开发,必备的有:
- Beautify
- ESLint
- Prettier
Debug
VS Code的调试帮助文档有一些复杂,在USER GUIDE
、LANGUAGES
、NODE.JS/JAVASCRIPT
里均有提到,但是并不相同,这里给一些阅读指引:
- 首先去LANGUAGES下,可以看到只有几句话,意思就是根据个人的需要再跳转到对应的详细文档。
- 不熟悉VS Code的可以先去看看
USER GUIDE
下的Debugging topic
- 然后再去详细阅读
NODE.JS/JAVASCRIPT
下的Node.js调试手册
尝试你的第一次Debug
这里介绍一种最简单的调试方法,也就是官方所说的Auto Attach
,顾名思义,当你在终端运行对应的脚步文件时,就会VS Code调试器自动附加到程序上了。
-
F1
打开命令面板,输入auto attach
就会自动联想到对应命令,触发模式选择smart
即可。 - 在VS Code内置终端运行程序,即可开始调试,如下图所示(来自官网):
总结
以上就是有关Javascript/Node.js的初步介绍,由于篇幅有限,这里没有提到具体的语言细节。这篇博客主要目的是让大家能快速上手配置,避免实践中经常会遇到的一些坑,然后给出对应的学习文档供大家参考。