nodejs开发环境及相关组件案例实战_nodejs 组件开发-CSDN博客

本文链接：https://blog.csdn.net/mostermoonsky/article/details/108611947

nodejs开发环境及相关组件案例实战

①nvm安装

(nvm作用：进行nodejs版本控制)

下载链接

1，点击下载 nvm-setup.zip 此安装包，一路next。

2，安装完毕后，打开cmd命令行，输入：nvm

若出现：running version … 等文字证明安装成功

官方地址：https://github.com/npm/cli/archive/

淘宝镜像：https://npm.taobao.org/mirrors/npm/

3，添加系统变量：NVM_HOME
在这里插入图片描述

②node安装

打开cmd命令行界面，输入

nvm install node 6.4.0

因为node服务器地址在国外，可能会比较慢，可以设置一下node源,在cmd命令行输入

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

这样后续就可以使用 cnpm 命令来安装模块了（速度贼快）

测试：

在cmd命令行中输入

nvm list   #显示当前可用版本的node

在这里插入图片描述

nvm use 8.4.0  #此时可以使用8.4.0版本的node

③npm使用

npm是nodejs的包管理工具，前提是设置使用8.4.0版本的node版本：nvm use 8.4.0

可在cmd命令输入：npm -v 和cnpm -v 来查看两者区别
在这里插入图片描述

初步使用：

新建一个test文件夹，cd到该文件夹下面

在cmd命令输入，进行express包安装：

cnpm install express

此时会在test目录生成一个“node_modules” 文件夹，已安装express插件

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LtTkADGT-1600181807611)(C:\Users\Administrator\AppData\Local\Temp\1600180293412.png)]$

更新该插件

cnpm update express

卸载该插件

cnpm uninstall express

④gulp安装与使用

1，创建本地安装包管理环境

cmd命令行中输入 npm init命令，生成一个package.json 的文件记录了项目安装了哪些包，以后别人拿到项目，不用管node_modules里面有什么，只需只需npm install 即可安装package.json中的dependenies里面的依赖包

2，安装系统级别的gulp

cnpm install gulp -g

3，本地安装gulp

cnpm install gulp --save-dev  #必须这样写 才能记录在package.json里面

安装成功，此时package.json 中出现了安装gulp的依赖版本(devDependencies)

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "test",
  "license": "ISC",
  "devDependencies": {
    "gulp": "^4.0.2"
  }
}