windows下前端开发环境配置

时间：2021-06-28 19:27:08

nvm安装

多媒体布局

前端自动化构建工具，gulp

nvm管理node的版本，npm是node的包管理工具

  • 下载nvm安装包
https://github.com/coreybutler/nvm-windows/releases
  • 配置环境变量
    • 我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path下新建一个，把nvm所处的路径填入进去即可！
  • 打开cdm，输入nvm
  • 如果没有提示没有找不到这个命令。说明已经安装成功！

nvm常用命令

  1. nvm install node：安装最新版的node.js。nvm i == nvm install。
  2. nvm install [version]：安装指定版本的node.js 。
  3. nvm use [version]：使用某个版本的node。
  4. nvm list：列出当前安装了哪些版本的node。
  5. nvm uninstall [version]：卸载指定版本的node。
  6. nvm node_mirror [url]：设置nvm的镜像。
  7. nvm npm_mirror [url]：设置npm的镜像。

node安装

  • nvm install 8.9.0版本
  • 设置nvm的源，会让安装速度变快
nvm node_mirror https://npm.taobao.org/mirrors/node/

nvm npm_mirror https://npm.taobao.org/mirrors/npm/
  • nvm use 8.9.0，设置node的版本

npm：

npm(Node Package Manager)在安装node的时候就会自动的安装了。当时前提条件是你需要设置当前的node的版本：nvm use 6.4.0。然后就可以使用npm了.

关于npm常用命令以及用法，请看下文。

安装包：

安装包分为全局安装和本地安装。全局安装是安装在当前node环境中，在可以在cmd中当作命令使用。而本地安装是安装在当前项目中，只有当前这个项目能使用，并且可以通过require引用。安装的方式只有-g参数的区别：

npm install express          # 本地安装

npm install express -g   # 全局安装

本地安装

  1. 将安装包放在./node_modules下（运行 npm 命令时所在的目录），如果没有node_modules目录，会在当前执行npm命令的目录下生成node_modules目录。
  2. 可以通过require()来引入本地安装的包。

全局安装

  1. 将安装包放在/usr/local下或者你node的安装目录。
  2. 可以直接在命令行里使用。

卸载包：

npm uninstall [package]

更新包：

npm update [package]

搜索包：

npm search [package]

使用淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org 那么以后就可以使用cnpm来安装包了！

  • 使用淘宝镜像，就可以使用cnpm来安装包
npm install -g cnpm --registry=https://registry.npm.taobao.org

相关文章