打开前端项目的准备

318 阅读2分钟

MacOS 篇

1、安装 Homebrew

Homebrew 简称 brew,是 MacOS 上的软件包管理工具,能在 Mac 上方便地安装和卸载软件。先在终端输入brew -v,查看 Mac 是否安装 brew,若有显示版本号则说明已按照 brew,可跳过安装环节。

使用 brew 中文官网 中的方式安装 brew 会有各种问题,因此不用官网中的方法。

在终端输入以下脚本:

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

然后按提示进行操作即可…

在终端输入brew -v检查 brew 是否安装成功,显示版本号则说明安装成功,输入brew update更新 brew

2、使用 brew 安装 node.js、npm

  1. 在终端中输入命令brew install node安装 node,安装完成后执行node -v,显示版本号则说明 node.js 安装成功

  2. node.js 里默认有 npm,node.js 安装成功后执行npm -v即可看到安装好的 npm 版本

3、使用 npm 安装 cnpm

在终端中输入脚本

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

安装成功后执行cnpm -v,显示版本号则说明 cnpm 安装成功

Windows 篇

1、安装 node.js 、npm

  1. 前往 node.js 官网 下载 node.js,按照默认选项安装 node 即可,在命令提示符中输入node -v查看 node 版本,如有输出版本号则说明 node 安装成功

  2. node 里默认有 npm,在命令提示符中输入npm -v查看 npm 版本,如有输出版本号则说明 npm 安装成功

2、配置环境变量

  1. 输入框以下内容配置 npm 的全局模块的存放路径、cache 的路径
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache"D:\Program Files\nodejs\node_cache"
  1. 在环境变量->系统变量中添加变量名:NODE_PATH 变量值:
D:\Program Files\nodejs\node_global\node_modules
  1. 安装 express:在命令提示符输入npm install express -g

  2. 进入 node 编辑器模式,输入require('express')报错证明安装成功,如果出错,检查NODE_PATH的配置是否正确

3、安装 cnpm

  1. 在命令提示符中输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. 在环境变量->系统变量的 Path 变量中添加D:\Program Files\nodejs\node_global路径

  2. 在命令提示符中输入cnpm -v查看版本,如有输出版本号则说明 cnpm 安装成功

4、配置 VsCode

  1. 在 VsCode 终端中输入cnpm -v显示找不到 cnpm

  2. 关闭 VsCode,再管理员身份运行 VsCode

  3. 在终端输入get-ExecutionPolicy,显示 Restricted,表示状态时禁止的

  4. 执行set-ExecutionPolicy RemoteSigned

  5. 此时再执行get-ExecutionPolicy,显示 RemoteSigned,则表示状态解禁

  6. 现在输入使用cnpm -v可显示版本了,可以使用 cnpm 了