欢迎光临散文网 会员登陆 & 注册

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

2021-04-21 17:39 作者:诗书画唱  | 我要投稿






部分内容索引:

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

NODEJS-1安装及创建一个简单的应用.ppt

NODEJS-2NPM介绍.ppt

NODEJS-3visual studio code.ppt

前言:其实无论是学习什么内容都要注意,很有可能别人的内容有出错或已经过时或不适合自己等等,自己发现后要记录,以后查看记录用。学习时,自己动手尝试是很重要的,如果发现别人的内容有出错或已经过时或不适合自己等等,自己发现后要记录。

个人纠错的索引:

在配置环境变量时的PATH的内容时,不要修改别的路径,而是新建一个新的路径。






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

1.

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



2


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

这个界面表示安装成功
这个界面表示npm也顺带被下载成功了


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命令中,按回车键


后面在这个位置可以发现.npmrc文件,用记事本打开
如果是这个样子,说明成功了。当然直接手建.npmrc文件和里面的内容可能也有用,但不建议。
分别获取node_cache和node_global文件夹的安装目录



4

之后开始配置环境变量
个人习惯在系统环境变量配置,当然似乎2者区别不是很大,暂时任选一个来配置

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位的。

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

在配置环境变量时的PATH的内容时,不要修改别的路径,而是新建一个新的路径。

上面是我纠正过的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的路径


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


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

分享到微博请遵守国家法律