zoukankan      html  css  js  c++  java
  • windowns上搭建vscode+node.js开发环境

    之前是用的webstrom写js,最近想用vscode写js,也顺带复习下javascript,无赖被环境难上了于是有了这篇文章

    由于某种原因导致下载国外的东西网都比较慢,所以本次除工具,其余的镜像均使用国内镜像

    默认你已经下载好了vscode

    nvm版本管理器相关

    1.下载nvm
    下载nvm-setup.zip
    2.安装
    安装nvm
    就是下一步下一步完事,可以根据自己的情况选择nvm安装目录以及node.js存放目录
    3.更改为国内镜像

    找到nvm安装路径,我这里是D:softwareInstallFile vm,找到里面的settings.txtsettings.txt

    在settings.txt最末尾添上

    node_mirror: https://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/
    

    效果图
    效果图
    nvm换淘宝镜像:新建系统环境变量NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node


    关闭cmd在重新打开cmd

    安装node

    1.安装 Node.js 的最新稳定 LTS 版本(建议),首先通过 nvm list available 查找当前的 LTS 版本号,然后使用 nvm install <version> 安装 LTS 版本号(将 替换为版本号 nvm install 12.14.0
    2.cmd下查找node.js版本

    3.安装 nvm install 12.14.0

    4.列出安装的 Node 版本:nvm ls

    5.在安装所需的 Node.js 版本后,通过输入 nvm use (请将 替换为版本号,即 nvm use 12.9.0)来选择要使用的版本。

    若要更改要用于项目的 Node.js 版本,请创建新的项目目录 mkdir NodeTest,输入目录 cd NodeTest,然后输入 nvm use ,将 替换为要使用的版本号(即 v10.16.3`)。
    验证哪个 npm 版本安装了 npm --version,此版本号将自动更改为与当前版本的 Node.js 关联的 npm 版本。

    vscode配置

    安装 Node.js扩展包
    1.在 VS Code 中打开“扩展” 窗口 (Ctrl+Shift+X)。
    2.在“扩展”窗口顶部的搜索框中,输入:“Node 扩展包”(或要查找的任何扩展的名称)。
    3.选择“安装” 。 安装完成后,扩展将出现在“扩展” 窗口的“已启用”文件夹中。 可以通过选择新扩展说明旁的齿轮图标来禁用、卸载或配置设置
    可能需要考虑的几个附加扩展包括

    • Chrome 调试器:在服务器端通过 Node.js 完成开发后,需要开发并测试客户端。 此扩展将 VS Code 编辑器与 Chrome 浏览器调试服务进行集成,以提高工作效率。
    • 来自其他编辑器的键映射:如果是从另一个文本编辑器(如 Atom、Sublime、Vim、eMacs、Notepad++ 等)进行转换,则这些扩展可帮助你的环境对此进行适应。
    • 设置同步:可以使用 GitHub 在不同安装之间同步 VS Code 设置。 如果在不同的计算机上工作,这有助于在它们之间保持一致的环境。

    以上参考:
    Windows-开发环境-Node.js
    使用nvm管理多个版本的node
    如何使用nvm-windows来管理nodejs版本

    本文为原创,如果转载请注明出处;
  • 相关阅读:
    Netsharp下微信菜单以及OAuth
    权限管理
    java面向对象基础(转)
    闲来无事做了一个批处理的win10账号管理
    bat获取系统时间修改系统密码
    bat常用命令
    bat修改密码
    vbs的一些入门基础。。。
    WCF 之 DataContract
    WCF 之 OperationContract
  • 原文地址:https://www.cnblogs.com/ze-yan/p/13585866.html
Copyright © 2011-2022 走看看