Node.js和VSCode安装、ES6环境搭建教程以及零碎小知识

因为某些原因，最近接触到了Node.js和VSCode，做了一点学习笔记。方便自己日后查询，也供大家交流经验。
任务要求：
（1）安装Nodejs，编辑器用VSCode。
（2）了解一下webpack，npm，es6等这些概念。
（3）多用用npm这个网站，做东西前先找找别人造好的轮子。https://www.npmjs.com/search?q=three 3D
一、Node.js
1、Nodejs下载官网
https://nodejs.org/zh-cn/
2、Nodejs安装教程
https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
二、VSCode安装教程
1、VSCode下载官网
https://visualstudio.microsoft.com/zh-hans/
2、VSCode安装教程
https://jingyan.baidu.com/article/d3b74d640eadce1f76e60958.html
三、零碎知识
1、nodejs特点：单线程 非阻塞I/O 事件驱动机制
2、一些命令：
cls：cmd清屏
cd /d d:\test：进入d盘的test文件下
cd…：退出当前文件
d: :进入d盘
ctrl+c：nodejs中断服务 然后按上箭头调用上次命令
3、nodejs运行在服务器上，把处理好的结果抓取到客户。
4、nodejs若修改程序，需要中断服务，需要重新挂起服务器。
5、nodejs是js的执行环境，可直接运行js。适合做顶层路由设计。
6、nodejs无根目录的概念，因为它根本没有任何的web容器让nodejs提供一个静态服务都非常的难。
也就是说在nodejs中看到一个网址127.0.0.1:3000/fang。别再去向，一定有个文件夹叫fang。可能/fang的物理文件是同目录test.html。
四、其他知识
1、ES6是JavaScript的下一个版本标准。Node.js 是运行在服务端的 JavaScript，它对 ES6 的支持度更高。
es6环境搭建：https://blog.csdn.net/tozeroblog/article/details/80757001
2、其中Babel 项目是作为一个 monorepo 来进行管理的，它由无数 npm 包组成。
Babel-types: Babel Types 是一个为 AST 节点提供的 lodash 类的实用程序库
Babel-register: require 钩子会将自己绑定到 node 的require 上并且能自动即时编译
Babel-template: 从一个字符串模板中生成 AST
Babel-helpers: Babel 转换的帮助函数集合
Babel-code-frame: 生成指向源位置包含代码帧的错误
Babylon: Babylon 是一个用于 Babel 的 JavaScript 解析器
3、npm --save-dev --save 的区别
npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件。一个是npm install–save另一个是 npm install –save-dev。
（1）表面上的区别是–save 会把依赖包名称添加到 package.json 文件 dependencies 键下，–save-dev 则添加到 package.json 文件 devDependencies 键下。
（2）真正的区别是“dependencies”： 这些包都是你的应用程序在生产环境中所需要的。
“devDepedencies”：这些包只是在开发和测试中需要的。npm文档说dependencies是运行时依赖，devDependencies是开发时的依赖。即devDependencies 下列出的模块，是我们开发时用的，比如我们安装 js的压缩包gulp-uglify 时，采用的是 “npm install –save-dev gulp-uglify ”命令安装，因为我们在发布后用不到它，而只是在我们开发才用到它。dependencies 下的模块，则是我们发布后还需要依赖的模块，譬如像jQuery库或者Angular框架类似的，我们在开发完后后肯定还要依赖它们，否则就运行不了。
4、webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler) 。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图 (dependency graph) ，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle 。
webpack 主要有四个核心概念:入口 (entry)、输出 (output)、loader、插件 (plugins)。
（1）入口指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。在 webpack 中入口有多种方式来定义。
（2）output 属性会告诉 webpack 在哪里输出它创建的 bundles ，以及如何命名这些文件，默认值为 ./dist。
（3）loader 让 webpack 可以去处理那些非 JavaScript 文件（ webpack 自身只理解 JavaScript ）。loader 可以将所有类型的文件转换为 webpack 能够有效处理的模块，例如，开发的时候使用 ES6 ，通过 loader 将 ES6 的语法转为 ES5。
（4）loader 被用于转换某些类型的模块，而插件则可以做更多的事情。包括打包优化、压缩、定义环境变量等等。插件的功能强大，是 webpack 扩展非常重要的利器，可以用来处理各种各样的任务。使用一个插件也非常容易，只需要 require() ，然后添加到 plugins 数组中。
npm install webpack -g(全局安装)
npm install webpack --save-dev（安装依赖）
npm info webpack（检查webpack版本）
npm install webpack-dev-server --save-dev（ Webpack 开发工具需要安装这个）
5、npm
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
（1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。
（2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
（3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。