Javascript/Node.js初探

背景

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 中是不存在的。没有浏览器提供的 documentwindow以及所有其他的对象。在浏览器中,不存在 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版本控制器有:

  • nvm(Unix)
  • n(Unix)
  • nvs(Unix/Windows)

在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");

命令行下运行:

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 GUIDELANGUAGESNODE.JS/JAVASCRIPT里均有提到,但是并不相同,这里给一些阅读指引:

  1. 首先去LANGUAGES下,可以看到只有几句话,意思就是根据个人的需要再跳转到对应的详细文档。
    JS Debug概览
  2. 不熟悉VS Code的可以先去看看USER GUIDE下的Debugging topic
    VS Code Debug入门
  3. 然后再去详细阅读NODE.JS/JAVASCRIPT下的Node.js调试手册
    Node.js调试手册

尝试你的第一次Debug

这里介绍一种最简单的调试方法,也就是官方所说的Auto Attach,顾名思义,当你在终端运行对应的脚步文件时,就会VS Code调试器自动附加到程序上了。

  • F1打开命令面板,输入auto attach就会自动联想到对应命令,触发模式选择smart即可。
  • 在VS Code内置终端运行程序,即可开始调试,如下图所示(来自官网):
auto-attach(来自VS Code官网)

总结

以上就是有关Javascript/Node.js的初步介绍,由于篇幅有限,这里没有提到具体的语言细节。这篇博客主要目的是让大家能快速上手配置,避免实践中经常会遇到的一些坑,然后给出对应的学习文档供大家参考。

你可能感兴趣的:(Javascript/Node.js初探)