博客
关于我
Node.js安装及环境配置之Windows篇
阅读量:188 次
发布时间:2019-02-28

本文共 1235 字,大约阅读时间需要 4 分钟。

Node.js 安装及环境配置之 Windows篇

安装环境:

  • 本机系统:Windows 10 Pro(64位)
  • Node.js:v6.9.2LTS(64位)

安装 Node.js 步骤

  • 下载对应系统的 Node.js 版本
  • 选安装目录进行安装
  • 环境配置
  • 测试安装是否成功
  • 前期准备

    Node.js 简单来说就是运行在服务器端的 JavaScript。Node.js 是一个基于 V8 引擎的 JavaScript 运行环境。Node.js 使用事件驱动、非阻塞式 I/O 模型,使其轻量且高效。Node.js 的包管理器是全球最大的开源库生态系统。

    开始安装

  • 下载完成后,双击“node-v6.9.2-x64.msi”开始安装 Node.js
  • 勾选复选框,点击“Next”按钮
  • 修改好安装目录后,点击“Next”按钮
  • 安装完成后点击“Finish”按钮完成安装5.打开 cmd 窗口,输入“cmd”,回车进入 cmd
  • 输入“npm -v”测试 Node.js 是否安装成功
  • 安装完成后,默认情况下 Node.js 会安装在 C:\Program Files\nodejs\ 目录,npm 也会安装在同一目录下。新版 Node.js 已自带 npm,安装时会一起安装。

    环境配置

    为了方便后续开发,将全局模块安装路径和缓存路径设置在 Node.js 安装目录下的特定文件夹。例如:

  • 在 Node.js 安装目录 D:\Develop\nodejs 下创建 node_global 和 node_cache 文件夹
  • 在 cmd 中执行以下命令:
    npm config set prefix "D:\Develop\nodejs\node_global"npm config set cache "D:\Develop\nodejs\node_cache"
  • 设置环境变量:
    • 新建系统变量 NODE_PATH,路径为 D:\Develop\nodejs\node_global\node_modules
    • 修改用户变量 Path,将 D:\Develop\nodejs\node_global 添加到路径中
  • 测试

    安装完成后,可以安装如 Express 这样的模块进行测试:

    npm install express -g

    输入上述命令后,Express 会被安装到全局目录 D:\Develop\nodejs\node_global\node_modules\express\ 下

    安装全局 vue-cli 脚手架并创建项目

  • 使用 npm 全局安装 vue-cli:
    npm install -g vue-cli
  • 创建项目:
    vue create new_project
  • 发布项目(可选):
    npm run build
  • 更新路由:
    npm run router:update
  • 通过以上步骤,完成 Node.js 在 Windows 系统上的安装及环境配置,确保后续开发顺利进行。

    转载地址:http://rbpc.baihongyu.com/

    你可能感兴趣的文章
    npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
    查看>>
    npm版本过高问题
    查看>>
    npm的“--force“和“--legacy-peer-deps“参数
    查看>>
    npm的安装和更新---npm工作笔记002
    查看>>
    npm的常用操作---npm工作笔记003
    查看>>
    npm的常用配置项---npm工作笔记004
    查看>>
    npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
    查看>>
    npm编译报错You may need an additional loader to handle the result of these loaders
    查看>>
    npm设置淘宝镜像、升级等
    查看>>
    npm设置源地址,npm官方地址
    查看>>
    npm设置镜像如淘宝:http://npm.taobao.org/
    查看>>
    npm配置安装最新淘宝镜像,旧镜像会errror
    查看>>
    NPM酷库052:sax,按流解析XML
    查看>>
    npm错误 gyp错误 vs版本不对 msvs_version不兼容
    查看>>
    npm错误Error: Cannot find module ‘postcss-loader‘
    查看>>
    npm,yarn,cnpm 的区别
    查看>>
    NPOI
    查看>>
    NPOI之Excel——合并单元格、设置样式、输入公式
    查看>>
    NPOI初级教程
    查看>>
    NPOI利用多任务模式分批写入多个Excel
    查看>>