知了:

Note.js它是干什么的?

Note.js它是一个开源和跨平台的JavaScript运行环境,Note.js它还是任何类型项目流行的工具

Note.js在浏览之外运行V8 JavaScript引擎Google Chrome的内核,这也使得Note.js性能非常的好,非常的大家的喜爱。

Note.js它能做什么?

  1. 开发桌面应用程序;比如qq、微信、VisualStudioCode(简化的代码编译器‘VSCode’)就是note.js开发的
  2. 开发服务器应用程序

我们为什么要学习Note.js

  1. 开发省时省力,节省时间
  2. 因为Note.js是单线程的,没有切换线程的损耗,和线程之间的‘竞争’
  3. IO处理的非常快速

Note.js安装与配置

  •  第一、安装Note.js
    • 下载
    • 安装
    • 添加环境变量
  • 第二、验证是否安装成功
  • 第三、修改默认模板下载位置
    • 查看默认npm存放位置
    • 在Note.js安装目录下,添加两个文件
      • node_global
      • node_cache
    • 修改默认文件夹
    • 然后测试文件夹是否修改成功
  • 第四、设置淘宝镜像
    • 将npm默认的‘registry’修改位淘宝的‘registry’
    • 最后全局安装基于淘宝源的cnpm

第一、安装Note.js

1、下载Note.js

https://nodejs.org/en

根据系统进行对应安装,我是Windows系统的

fe06db46fecc431b975d1252502baeab.png

放到C盘还是D盘什么盘的,自己选择

315ec98e50e7449b9ba7f3243520b15a.png

2、安装Note.js

1)点击直接点击Next下一步

513b06dfbd9a496b804d5c1b79d15385.png

2)把协议勾上,点击Next下一步

17c6778bd6f64699b1cedc3f19f10c41.png

3)选择自己的要存放的目录,然后点击Next下一步

75fe60593f254508be63c1beeb9b779c.png

4)直接点击Next下一步

4e0a6a0a2daf48fb9957e5e3a962bc5a.png

5)用红框框起来的,可以不用管,看自己情况,我是直接点击Next下一步

cdfa9422f6094e34b5d35ee574b010d0.png

6)直接点击Install进行安装

 f859fdee566040748726b58bc3e7b089.png

7)正在安装中.....等会就好了

ef7795a07b1a49a4ab11ad0c39c1fb42.png

8)直接点击Finish完成安装

5d542029d94a4f2d8f5c37c43a8e89e6.png

3、添加环境变量

1)打开‘此电脑属性’

1032bdc399494a2ebca3b98ca636e5b6.png

2)找到高级设置—>点击环境变量—>进入系统变量‘Path’ 变量

abf7198a8c0a40b89af107c24b1840ba.png

3)点击新建,把你Note.js安装目录复制粘贴到里面,然后点击确定

b9cff3e06bfa450c9cacd0ea32bdbe66.png

二、验证是否安装成功

进入cmd命令行窗口,输入node -v查看nodejs版本;注意:最好用管理员身份运行

node -v

输入npm -v查看版本

npm -v

运行结果:

c1cbe4d49f6e4fb7956274465805c8e6.png

三、修改默认模板下载位置

提示:可以根据自身的情况进行修改

1、查看默认npm存放位置

使用 npm get prefix 查看npm全局模块默认的存放的路径

npm get prefix

 使用 npm get cache 查看npm默认缓存存放的路径

npm get cache

运行结果:

e3548cf68fc94084883e9b639af34075.png

如上图所示:我是已经修改过来了的,第一次在电脑上配置的人,模块默认存放位置和缓存默认存放位置是在C盘的User用户目录xxxx目录下的

2、在Note.js安装目录下,添加两个文件

node_global 文件夹

node_cache 文件夹

304e592564bf4e7997a48bc821a0e756.png

3、修改默认文件夹

设置全局模块的安装路径到 “node_global” 文件夹,
 

npm config set prefix "你创建的node_global文件的目录"

如:

npm config set prefix "D:\CSDN\java\note js\node_global"

 dff7d071b6574f3c9a2de6dd2817f7e2.png

设置缓存默认存放位置到 “node_cache” 文件夹

npm config set  cache "你创建的node_cache文件的目录"

如:

npm config set cache "D:\CSDN\java\note js\node_cache"

01cf23af0ec840719081c24dd6991bce.png

1.0)修改之后,我们还要在此去配置一下我们的系统环境变量

变量值:D:\CSDN\java\note js\node_global

74e0227b243e4168959fe93ff37bea57.png

1.1)修改之后,我们还要在此去配置一下我们的用户环境变量

 

2)告诉系统,下载的模块或包都在这里

变量值:D:\CSDN\java\note js\node_global\node_modules

变量名:NODE_PATH

node_modules在node_global文件夹里面

a139d715890741ce8b9e9cf8ac7cf18b.png

e7323b361e0a4053890dd14afd0a1e23.png

3)还要在系统环境变量里双击鼠标进入‘Path’ 里配置一下 ‘%NODE_PATH%’

9b7208720f0d480eb2c5b88d0cd04b24.png

4、然后测试文件夹是否修改成功

安装最常用的模块express 使用管理员身份进入cmd命令行窗口执行‘npm install express -g’

npm install express -g  是全局安装的意思

或者

npm install express -global

a83e6e4b6d714c0db4b6da0ab4cb7cc5.png

第四、设置淘宝镜像

说明一下:我们npm安装模块的时候默认一般都是去国外的镜像下载的,但是国外的镜像可能因为网络的缘故,会安装失败或者安装的非常的慢,不过也不用担心,我们国内阿里云有团队维护我们国内的镜像‘淘宝NPM镜像’,只需要改为‘淘宝NPM镜像’就可以了;如果朋友想了解国内镜像,在百度了解就可以了,我们这里不多说,直接国内淘宝NPM镜像

1)首先我们,先看一下当前使用的镜像

npm config get registry

be905eae75314a36a5ea4b0016226b88.png

2)修改为淘宝镜像

在 cmd命令运行:

npm config set registry https://registry.npm.taobao.org

585e0678c66549f99703b30266f4f614.png

如上图所示,我已经修改成功了

3)查看是否安装成功

cnpm -v

1ca7c500a5334bce9ff9e06928993404.png

4)查看本地cnpm模块

659dca14769d4877907ab7c5bf7721d1.png

好了,这已经配置完成了

安装Node.js后,可通过安装Vue.js运行vue项目,我这个附上一个链接,大家可以参考这位博主的教程文章:https://blog.csdn.net/qq_41464123/article/details/115490056

更多推荐