zoukankan      html  css  js  c++  java
  • WEB前端开发NodeJS

    2021-12-15

    一、Nodejs是什么?做什么?

    Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。

    Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好,V8引擎执行Javascript的速度非常快,性能非常好,基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。

    二、下载安装NodeJS

    2.1 下载nodejs

    nodejs 中文官网下载: http://nodejs.cn/download/

    nodejs 英文官网下载: https://nodejs.org/en/download/

    2.2 安装nodejs

    2.3 测试nodejs

    安装好nodejs后,包含node 和 npm(包管理工具), 还有其他的包管理工具例如:(Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的)

    NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

    • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
    • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

    我们可以通过命令行输入以下命令进行测试:

    node -v
    npm -v

    三、更换源

    有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例:

    3.1 国内优秀npm镜像


    淘宝npm镜像

    cnpmjs镜像

    有三种指定使用源的方法:

    3.2 npm临时使用

    npm --registry https://registry.npm.taobao.org install express

    3.3 npm持久使用更换源

    显示当前的镜像网址:

    1
    npm get registry

    显示:https://registry.npmjs.org/

    更换淘宝的镜像网址:

    1
    npm config set registry http://registry.npm.taobao.org

    再次查看当前镜像:

    1
    npm get registry

    显示:http://registry.npm.taobao.org/

    更换成功!

    接着直接下载第三方包:

    3.4 通过下载cnpm更换源

    npm install -g cnpm –registry=https://registry.npm.taobao.org
    // 使用cnpm install expresstall express

    四、npm的两种安装方式及其默认安装目录

    4.1 两种安装方式

    我们都知道,npm的安装方式有两种,分为全局安装和局部安装。顾名思义:全局安装就是在任何文件夹都可运行,其实原理也就是写进环境变量,每次在命令行中敲入命令时,根据环境变量的设置寻找对应的可执行程序运行。

    npm install -g <package_name>

    局部安装就是在当前项目中建立包,在当前项目中起作用

    npm install <package_name>

    4.2 包的默认安装路径

    局部安装

    当选择项目局部安装包时,默认的安装路径为项目根目录文件夹node_modules。

    全局安装

    当选择全局安装时,默认的安装路径为C:\Users\xxx\AppData\Roaming\npm,缓存路径为C:\Users\xxx\AppData\Roaming\npm_cache,其中xxx根据自己是自己系统的用户名。

    五、npm修改全局包安装路径(根据情况选择是否修改)

    其实就很简单,npm给了我们配置的方法,可以通过命令行的方式

    npm config set prefix "E:/Developer/nodejs/npm_global"
    npm config set cache "E:/Developer/nodejs/npm_cache"

    当然了,不一定得是这个路径,但必须是相同的文件名。配置成功后,可以查看一下是否配置成功

    npm config ls 

    接下来,我们试一下,安装一个全局包,例如vue-cli

    npm install vue-cli -g

    安装过后,我们到npm_global目录下的node_modules看一下,已经安装成功,事实上这就是全局包的安装路径。

    然后我们开始尝试在命令行用上vue-cli

    vue init webpack demo

    可是却出了错:vue command not found 。原因很简单,就是我们修改了路径,环境变量却还没配置,所以系统找不到可执行程序。打开环境变量配置,在系统变量中新增NODE_PATH,变量值为设置的安装路径下的node_modules:

     设置用户变量中path,新增一个值

    然后就可以愉快的将全局包不安装在C盘了。

    参考:

    npm换源:

    NPM换源:https://www.jianshu.com/p/0deb70e6f395

    npm修改全局包安装路径: https://www.cnblogs.com/itfky/p/13730624.html

  • 相关阅读:
    数据结构
    Lucene基础入门
    mybatis关系表
    ** WARNING ** : Your ApplicationContext is unlikely to start due to a @ComponentScan of the default package.
    springboot 运行出现错误 Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean.
    Django的项目创建,以及该端口号,语言随地区而变化
    命令框下上传到gitee
    如何实现windows命令提示符的tab补全
    git 常见命令
    与系统环境变量重名的解决办法
  • 原文地址:https://www.cnblogs.com/zhangchao0515/p/15693503.html
Copyright © 2011-2022 走看看