最基础的前端就是HTML+CSS+Javascript。掌握这三项技术算是入门，但也只是入门而已。现在前端开发的定义远不止于此。前端小课堂（HTML/CSS/JS），本着提高技术水平，夯实基础知识的中心思想，开课（每周四）。上节课我们学习了一个可以在本地执行js的javascript执行环境：NodeJS。今天我们将安装NodeJS、环境配置、NPM使用和版本管理。推荐使用node10.x版本（2018年最新的是10.22.1），下面我们都是基于v10.16.0版本。安装NodeJS软件一定要安装，不行，不会有傻子复制快捷方式。windowswindows软件安装就是选择一个合适的版本，然后下载并双击打开，想都不用想下一步就可以了。node-v12.18.4-x86.msi32位node-v10.22.1-x64.msi64位linux包管理工具。一般安装的版本不行，可以修改版本sudoapt-getinstallnodejssudoapt-getinstallnpm源码编译。sudogitclonehttps://github.com/nodejs/node.gitsudochmod-R755nodecdnodesudo./configuresudomakesudomakeinstall使用编译好的包，操作起来很麻烦。wgethttps://nodejs.org/dist/v10.22.1/node-v10.22.1-linux-x64.tar.xztarxfnode-v10.9.0-linux-x64.tar.xzcdnode-v10.9.0-linux-x64./bin/node-vmacOS很差，所以我没有mac。从互联网上取一个。MacOS上可以通过以下两种方式安装node：1.从官网下载pkg安装包，直接点击安装。2、使用brew命令安装：brewinstallnodeenvironment配置环境变量是为了在执行过程中方便找到对应的程序。不然每次用的时候只能手动找文件，再用。windows环境变量的默认配置：1.C:\Windows\system32;C:\Windowscmd在命令行中输入path查看当前配置。不过我一般是通过界面设置：我的电脑（右键），属性，高级系统设置，高级，环境变量，然后修改当前用户的PATHlinux环境变量默认配置：PATH="/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games》linux一般直接使用软连接的方式，放在进入/usr/local/bin。ln-s/usr/software/nodejs/bin/npm/usr/local/bin/ln-s/usr/software/nodejs/bin/node/usr/local/bin/NPMnpm是随NodeJS一起安装的包管理工具npm安装因为nodejs已经集成了npm，所以之前也安装了npm。您还可以通过键入npm-v来测试安装是否成功。package.json和npminitpackage.json位于模块目录下，用于定义包的属性：name包名version版本号description描述主入口文件。指定程序的主要入口文件，require('moduleName')将加载这个文件。该字段的默认值为模块根目录下的index.js。scriptsshortcutcommandkeywordskeywordauthorauthorlicense开源协议依赖（开发时的devDependencies，运行时的依赖）。首页包的官网url。contributors包的其他贡献者的名称。repository存放包代码的地方类型，可以是git或者svn，git可以在Github上。我们可以使用npminit交互式地创建package.json文件。也可以通过npminit-y快速创建，-y表示所有选项都选上了。{"name":"node-sf-20200922","version":"1.0.0","description":"","main":"index.js","scripts":{"test":"echo\"Error:notestspecified\"&&exit1"},"keywords":[],"author":"'linong'<'lilnong1@126.com'>('')","license":"ISC","dependencies":{"express":"^4.17.1"},"devDependencies":{"gulp":"^4.0.2"}}npm包管理npminstall用于安装包，安装分为两种：本地安装（local）。安装后放在项目目录下的node_modules目录下，代码中只需要通过require('express')即可使用。全局安装（global）。将安装包放在你的node安装目录下。npmuninstall卸载Node.js模块npmupdate更新Node.js模块npminstall#本地安装npminstall-g#全局安装npminstall,npminstall--save,npminstall--save-dev这里有个问题。npminstall、npminstall--save和npminstall--save-dev之间有什么区别？npminstall：将模块安装到项目目录下，将模块安装到项目的node_modules目录下。package.json文件不会被修改。运行npminstall初始化项目时不会下载模块。npminstall-g:-g全局安装模块，具体在磁盘上的位置取决于npmconfig前缀的位置。查看：npmconfigls，修改：npmconfigsetprefix。全局安装模块，不会将模块包保存在项目的node_modules目录下。package.json文件不会被修改。运行npminstall初始化项目时不会下载模块。npminstall--save:(缩写:-S)-save将模块安装到项目目录中，并在包文件的dependencies属性中写入依赖项。将模块安装到项目node_modules目录中。模块依赖项将写入package.json文件的dependencies属性中。当运行npminstall初始化项目时，模块将被下载到项目目录。当运行npminstall--production或将NODE_ENV变量的值指定为production时，模块将自动下载到node_modules目录。npminstall--save-dev:(abbreviation:-D)-save-dev将模块安装到项目目录中，并在package.json文件的devDependencies属性中写入依赖项。将模块安装到项目node_modules目录中。模块依赖项将写入package.json文件的devDependencies属性中。当运行npminstall初始化项目时，模块将被下载到项目目录。当运行npminstall--production或指定NODE_ENV变量值为production时，模块不会自动下载到node_modules目录。使用原则：运行时需要使用的包使用--save，否则使用--save-dev。devDependencies属性下的模块就是我们在开发时需要用到的，比如项目中使用的gulp，压缩css和js的模块。这些模块在我们的项目部署后就不需要了，所以我们可以使用-save-dev来安装它们。像express这样的模块是项目运行所必需的，应该安装在dependencies属性下，所以我们应该以-save的形式安装。npm版本号使用npm下载发布代码时会涉及到版本号。NPM使用语义版本号来管理代码，这里简单介绍一下。语义版本号分为X.Y.Z三位数字，分别代表主版本号、次版本号和补丁版本号。当代码发生变化时，版本号按照以下原则进行更新。如果您只是修复错误，则需要更新Z位。如果增加了新功能，但它是向后兼容的，则需要更新Y位。如果有重大变化并且向后不兼容，则需要更新X位。版本号有了这个保证之后，在声明第三方包依赖的时候，除了可以依赖固定的版本号，还可以依赖一定范围的版本号。例如"argv":"0.0.x"表示依赖0.0.x系列中最新版本的argv。NPM支持的所有版本号范围指定方法都可以在官方文档中查看。其他命令使用npmcacheclear清除npm本地缓存，用于处理发布新版本代码的相同版本号的人。npminstall-gcnpm--registry=https://registry.npm.taobao.org可以使用淘宝自定义的cnpm（支持gzip压缩）命令行工具代替默认的npmnpmsearchexpress搜索模块npmlist-g查看allglobalInstalledmodulesNodeJS版本管理在写前端的时候，我们头疼的是用户使用一些奇葩的浏览器，而在写Node的时候，不同的包依赖不同的版本。所以这就要求我们能够进行版本切换，至少要求我们在第一次使用的时候能够快速的找到合适的版本（我推荐10.x版本，我还是可以用的）。windows的安装还行，习惯性的下载，双击，想想下一步。linux很头疼，命令下载、解压、安装、配置环境变量（或者软链接到/usr/bin）。nn是一个交互式的node.js版本管理工具。npminstalln-g#installnnlts#安装最新版本nstable#安装稳定版本n#切换版本nrm#删除版本nvmnvm也是一个Node版本管理工具。下载并安装curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh|bashwget-qO-https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh|bash命令nvminstallnode#安装最新版本，node是最新版本的别名nvminstall6.14.4#安装特定版本nvmls-remote#列出可用版本nvmusenode#选择要使用微信的版本公众号：前端立农参考前端培训目录，前端培训规划，前端培训计划
