PPT和个人总结的nodejs,NPM,visual studio code安装方法,纠错,程序【诗书画唱】

部分内容索引:
个人安装记录(含个人总结的步骤)
NODEJS-1安装及创建一个简单的应用.ppt
NODEJS-2NPM介绍.ppt
NODEJS-3visual studio code.ppt
前言:其实无论是学习什么内容都要注意,很有可能别人的内容有出错或已经过时或不适合自己等等,自己发现后要记录,以后查看记录用。学习时,自己动手尝试是很重要的,如果发现别人的内容有出错或已经过时或不适合自己等等,自己发现后要记录。
个人纠错的索引:
在配置环境变量时的PATH的内容时,不要修改别的路径,而是新建一个新的路径。

个人安装记录(含个人总结的步骤)
1.


安装过程中的安装目录记得改到D盘就可以,为了好找,自己安在自己创建的“nodejs”文件夹。


2
用管理员身份打开cmd,输入node --version和npm -v查看是否安装成功:



3

D:\nodejs\node_global
D:\nodejs\node_cache
【npm config set prefix "你的NODEJS安装目录\node_global"
npm config set cache "你的NODEJS安装目录\node_cache",
这里,我的的NODEJS安装目录是D:\nodejs。
把
npm config set prefix "D:\nodejs\node_global"
和
npm config set cache "D:\nodejs\node_cache",
分别输入管理员身份打开的cmd命令中,按回车键
】



4



NODE_PATH D:\nodejs\node_global\node_modules
【NODE_PATH 你的nodejs的安装目录\node_global\node_modules】


D:\nodejs\node_global【编辑Path变量,添加一个路径
你的nodejs的安装目录\node_global】

node require(‘cluster’)


npm --registry https://registry.npm.taobao.org install cluster
npm install -g cnpm --registry=registry_url

5

这个只要注意安装在D盘,后面的汉化步骤和启动服务器写程序等等见下面的NODEJS-3visual studio code.ppt
NODEJS-1安装及创建一个简单的应用.ppt
NODEJS
安装及创建一个简单的应用
本章目标
安装NODEJS
创建一个简单的NODEJS应用程序
安装方式
可以采用以下两种方式来安装:
1、从网站下载Windows 安装包(.msi)
32 位安装包下载地址 : https://nodejs.org/dist/v【版本号】/node-v【版本号】-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v【版本号】/node-v【版本号】-x64.msi
2、下载二进制文件 (.exe)安装
32 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/node.exe
64 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/x64/node.exe
检查NODEJS版本
打开CMD命令窗体,输入命令node --version,如果出现如下信息,则表示安装成功。
注意:NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
1、允许用户从NPM服务器下载别人编写的第三方包到本地使用。
2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
升级NPM到最高版本
运行cmd命令
npm i -g npm
升级到NPM的最高版本
配置NODEJS和NPM(一)
修改NPM的缓存目录和全局目录路径,将对应的模块目录改到nodejs的安装目录。
在nodejs安装目录下创建两个目录,分别是node_cache和node_global,这是用来放安装过程的缓存文件以及最终的模块配置位置。配置完成后,执行下面这两个CMD命令:(查看C:\Users\用户名\.npmrc文件)
npm config set prefix "你的NODEJS安装目录\node_global"
npm config set cache "你的NODEJS安装目录\node_cache"
配置NODEJS和NPM(二)
配置npm和nodejs的环境变量,这样nodejs才能正确地调用对应的模块。
检查是否配置成功
在cmd窗体输入node命令,进入nodejs交互命令控制台,运行require('cluster')命令,出现下面的内容则表示配置成功。
将下载地址改为国内站点
将npm的模块下载仓库从默认的国外站点改为国内的站点,这样下载模块的速度才能比较快,运行以下命令即可:
npm --registry https://registry.npm.taobao.org install cluster
如果想一直使用这个源的地址,那么可以使用下面这个命令来配置。
npm install -g cnpm --registry=registry_url
注意:registry_url指的是国内提供的一些npm仓库地址,常用的有:
https://registry.npm.taobao.org
http://r.cnpmjs.org/
创建第一个应用程序(一)
在D盘下创建一个my.js文件。
创建第一个应用程序(二)
打开cmd命令窗口,进入到my.js所在的目录下,运行node my.js命令,看到如下提示则表示应用程序启动成功。
创建第一个应用程序(三)
打开浏览器,在地址栏输http://127.0.0.1:8888/观察运行结果。


我下载的是64位的。

我下载的版本和上图的不一样。



上面是我纠正过的PPT,在PATH中新建路径后记得点确定,具体的看我自己的安装记录。





NODEJS-2NPM介绍.ppt
NODEJS
NPM使用介绍
本章目标
使用NPM命令安装模块
使用package.json文件定义包的属性
卸载模块
更新模块
搜索模块
创建模块
NPM常用命令
使用淘宝NPM镜像
什么是NPM
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
1、允许用户从NPM服务器下载别人编写的第三方包到本地使用。
2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
新版的nodejs已经集成了npm,可以通过输入 "npm -v" 来测试是否成功安装。
升级NPM
在windows系统中,可以在cmd窗体中通过
npm install npm -g
命令进行升级
也可以通过淘宝镜像的命令进行升级
cnpm install npm -g
使用 npm 命令安装模块
npm 安装 Node.js 模块语法格式如下:
npm install <Module Name>
例如:使用 npm 命令安装常用的 Node.js web框架模块 express:
npm install express -g
在代码中只需要通过 require('express') 的方式就好,相当于java中下载和导入jar包。
全局安装与本地安装
npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已。
本地安装:将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。可以通过 require() 来引入本地安装的包。
全局安装:将安装包放在 /usr/local 下或者你 node 的安装目录。可以直接在命令行里使用。
package.json文件
package.json 位于模块的目录下,用于定义包的属性。
卸载模块
如果需要写在NODEJS模块,运行CMD命令:
npm uninstall express -g
其他命令
更新模块:npm update <Module Name>
搜索模块:npm search <Module Name>
创建模块:npm init
NPM 常用命令
NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。
使用npm help <command>可查看某条命令的详细帮助,例如npm help install。
在package.json所在目录下使用npm install . -g可先在本地安装当前命令行程序,可用于发布前的本地测试。
使用npm update <package>可以把当前目录下node_modules子目录里边的对应模块更新至最新版本。
使用npm update <package> -g可以把全局安装的对应命令行程序更新至最新版。
使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。
使用npm unpublish <package>@<version>可以撤销发布自己发布过的某个版本代码。
使用淘宝 NPM 镜像
国内直接使用NPM的官方镜像是非常慢的,这里推荐使用淘宝NPM镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟一次以保证尽量与官方服务同步。
使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
接下来就可以使用下面的cnpm命令来安装模块
cnpm install <Module Name>







NODEJS-3visual studio code.ppt
NODEJS
使用visual studio code
本章目标
安装visual studio code
在visual studio code中创建一个简单的NODEJS应用程序
汉化(一)
Windows、Linux 快捷键:Ctrl+Shift+P(macOS 快捷键是:Command + Shift + P)打开配置搜索界面,输入configure language,选择搜索结果中的第一项,会打开locale.json文件。
汉化(二)
将文件中的locale属性修改为zh-cn(当你删除之前的语言设置,在“locale”后面输入冒号或引号时会提示可用的选项)并保存。
汉化(三)
下载中文汉化包,快捷键Ctrl+Shift+X打开界面,输入chinese,选择中文简体包,点击install按钮安装汉化包后重新启动。
创建工作目录
在D盘下创建一个名为MyServer文件夹
打开visual studio code,Ctrl+Shift+E打开资源管理器,点击左边打开文件夹按钮。
选择文件夹作为工作目录
选择MyServer文件夹作为工作目录
创建js文件(一)
点击MyServer右边的第一个按钮,创建一个js文件。
创建js文件(二)
js文件代码入下:
配置调试设置(一)
Ctrl+Shift+E打开调试配置界面。选择调试-添加配置,打开launch.json配置文件
配置调试设置(二)
如果添加了配置,启动调试时自动选择 launch.json中指定的类型type和启动文件。
MyServer文件中的内容
现在MyServer文件夹中的内容入下:
启动服务my.js
通过快捷键F5启动或者通过上方菜单中的调试-启动调试启动服务。




名称: Chinese (Simplified) Language Pack for Visual Studio Code
ID: ms-ceintl.vscode-language-pack-zh-hans
说明: Language pack extension for Chinese (Simplified)
版本: 1.55.2
发布者: Microsoft
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans











var http = require('http');
http. createServer(function (request, response) {
//发送HTTP头部
// HTTP状态值: 200 : OK
//内容类型: text/plain
response . writeHead(200,{ 'Content-Type': 'text/plain' });
//发送响应数据"Hello World"
response. end( 'Hello World\n' );
}).listen(8888);
//终端打印如下信息
console .log( 'Server running at http://127.0.0.1:8888/' );

在浏览器中输入http://127.0.0.1:8888/my.js:11后:
