精华内容
下载资源
问答
  • vscode搭建nodejs开发环境

    千次阅读 2020-08-27 22:26:21
    此外,VS Code在工程目录下还需要一个.vscode配置目录,里面存放里VS Code需要的配置文件。 假设我们在C:\Work\目录下创建了一个hello目录作为工程目录,并编写了一个hello.js文件,则该工程目录的结构如下: ...

    运行和调试JavaScript

    在VS Code中,我们可以非常方便地运行JavaScript文件。

    VS Code以文件夹作为工程目录(Workspace Dir),所有的JavaScript文件都存放在该目录下。此外,VS Code在工程目录下还需要一个.vscode的配置目录,里面存放里VS Code需要的配置文件。

    假设我们在C:\Work\目录下创建了一个hello目录作为工程目录,并编写了一个hello.js文件,则该工程目录的结构如下:

    hello/ <-- workspace dir
    |
    +- hello.js <-- JavaScript file
    |
    +- .vscode/  <-- VS Code config
       |
       +- launch.json <-- VS Code config file for JavaScript

      

    可以用VS Code快速创建launch.json,然后修改如下:

    {
      "version": "0.2.0",
      "configurations": [
        {
          "name": "Run node.js",
          "type": "node",
          "request": "launch",
          "program": "${workspaceRoot}/nodejs/module_2.js", //这是执行文件的绝对地址,执行不同的代码需要修改该地方
          "stopOnEntry": false,
          "args": [],
          "cwd": "${workspaceRoot}",
          "preLaunchTask": null,
          "runtimeExecutable": null,
          "runtimeArgs": ["--nolazy"],
          "env": {
            "NODE_ENV": "development"
          },
          // "console": false,
          "sourceMaps": false
          // "outFiles": null
        }
      ]
    }

     

     

     

     

    展开全文
  • VScode 搭建Nodejs环境

    2019-09-17 08:27:10
    1)下nodejs 安装包 http://nodejs.cn/#download 下一步 下一步 cmd 一下 node -v 看时候有版本号npm -v 工具 是否安装成功 现在的nodejs 都是自带npm 所以不要紧张 至于npm是干什么的 我...3)打开vscode 打开...

    1)下nodejs 安装包

    http://nodejs.cn/#download

     下一步  下一步 

    cmd 一下 node -v 看时候有版本号  npm -v  工具 是否安装成功 现在的nodejs 都是自带npm 所以不要紧张

    至于npm是干什么的 我现在 不知道

    nodejs 可以了 

    2)在桌面新建一个文件夹  我的直接叫nodejs 

    3)打开vscode  打开新建的nodejs文件夹  新建JS 文件夹(JS文件夹这个可有可无) 创建文件 server.js

    4)写服务器代码 (参考文献)https://www.runoob.com/nodejs/nodejs-http-server.html

    我的配置文件

     

    在这说一下  第一次运行直接运行代码的时候vscode 没有马上反应 安装了一些环境 安装完后 自动配置好了这些信息 还是很方便的

    我在运行的时候 弹出messagebox 说nodejs 路径找不到 此时此刻别犹豫 直接重启 (在这问题上浪费了点时间) 重启后就可以了

    F5运行vscode  网页输入 http://127.0.0.1:8888/ 就可以看到hello word;

    好了 我们可以开启nodejs学习了   满脸写着兴奋

    展开全文
  • VSCode调试Nodejs

    2019-07-03 19:56:48
    使用node-inspect调试 在常规命令增加--inspect参数启动调试 node --inspect index.js VSCode配置调试 按F5运行

    1.使用node-inspect调试

    在常规命令增加--inspect参数启动文件

    node --inspect index.js
    

    如果装了nodemon用下面这个命令启动调试

    nodemon --inspect index.js
    

    在这里插入图片描述

    2.VSCode配置调试

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    3.在js文件打好断点

    在这里插入图片描述

    4.在点击绿色三角或按F5开始启动调试

    在这里插入图片描述

    5.进入调试状态

    在这里插入图片描述

    6.控制工具

    使用方式跟Chrome调试一样
    在这里插入图片描述

    展开全文
  • 什么是nodejs Node.js大部分基本模块都用JavaScript语言编写。在Node.js出现之前,JavaScript通常作为客户端程序设计语言使用,以JavaScript写出的程序常在用户的浏览器上运行。Node.js的出现使JavaScript也能用于...

    vscode的nodejs环境搭建与npm的安装

    什么是nodejs

    1. Node.js大部分基本模块都用JavaScript语言编写。在Node.js出现之前,JavaScript通常作为客户端程序设计语言使用,以JavaScript写出的程序常在用户的浏览器上运行。Node.js的出现使JavaScript也能用于服务端编程。
      简单来说就是:Node.js 就是运行在服务端的 JavaScript

    2. 理解服务器:

      1. 首先了解一个网站的组织架构基本为:用户(使用) => 前端(生产页面,页面需要数据) => 后端(像前端运输数据) => 数据库(存放数据)
      2. 服务器,是提供计算服务的设备,和计算机架构类似,只是歌各方面性能要求更高。
        服务器就是一个电脑,当他跑起来一些程序的时候,就变成了一个服务器
        服务端语言需要运行在web服务器下,如 PHP运行在apache服务器下,java运行在tomcat服务器下,C#运行在IIS服务器下…

    nodejs安装

    nodejs安装:链接: nodejs.
    安装成功后 在终端/vscode集成的终端【快捷键ctrl+~】输入node -v 回车后打印出版本号既为安装成功

    1. 在命令提示符输入node,此刻你将进入Node.js的交互环境
      两次ctrl+c推出node 环境
    2. node index.js 在node环境执行index.js
    3. npm
      npm是Node.js的包管理工具(package manager)。
      npm已经在Node.js安装的时候顺带装好了 npm -v 检查是否安装成功
      在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生
      【大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用】
      【更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。】
    4. cnpm的安装(淘宝镜像安装模块)
      vscode终端(ctrl+~)输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

    node有关的知识

    1. 补充 js 严格模式
      顾名思义,这种模式使得Javascript在更严格的条件下运行。

      1. 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;

      2. 消除代码运行的一些不安全之处,保证代码运行的安全;

      3. 提高编译器效率,增加运行速度;

      4. 为未来新版本的Javascript做好铺垫。

    2. 针对整个脚本文件

      1. 将"use strict"放在脚本文件的第一行,则整个脚本文件都将以"严格模式"运行。如果这行语句不在第一行,则无效,整个脚本以"正常模式"运行
    3. 针对单个函数

      1. 将"use strict"声明放在函数体所有语句之前
    4. 严格模式规则

      1. 变量必须使用关键字(var const let)声明后才能使用
      2. 严格模式要求函数的参数名唯一. 在正常模式下, 最后一个重名参数名会掩盖之前的重名参数
        3.2 commonjs的模块和es6的模块的使用
        3.2.1 CommonJs规范中规定了每一个js文件都是一个模块。使用require导入的文件会形成一个属于自身的单独模块作用域,模块内所有的变量和函数都只有模块自身能访问,对外不可见的,这样在声明变量时就不会污染全局作用域。
        如果需要引用模块内的变量需要导出动作暴露自身变量。,通过module.exports可以导出模块中的内容
        module.exports = {
        name: ‘foo’
        }
        CommonJs使用require函数进行导入操作。
        特点:模块是第一次被require加载。这时会首先执行该模块,曾经加载过的话直接导出结果不会重新执行
    5. es6
      导出:export/export default

    6. nodejs 学习文档:https://www.nodebeginner.org/index-zh-cn.html

    7. 使用框架可以加速开发。常用的框架有Express.js:https://juejin.im/entry/5a61654d518825734d14b001

    展开全文
  • 如何用vscode调试nodejs express框架的项目?
  • 下载vscode需要用到node.js和git 一、安装NodeJs 1.下载Nodejs Node.js官网下载地址:https://nodejs.org/en/download/ Node.js历史版本下载地址:https://nodejs.org/zh-cn/download/releases/ tips:脚本语言需要一...
  • 使用VSCode开发Nodejs

    万次阅读 2016-01-24 18:22:19
    本文本介绍是Nodejs一种轻量级的开发工具——使用VSCode。尽管VScode看起来更像是Uedit、Noteplus等强大文件编辑器,但它也提供了可扩展的、强大的提示功能(特别是文件间js引用提示),以及内置Nodejs调试功能,让...
  • 在这里,我们使用开发工具vscode,工具怎么使用这里就不描述了,直接进入主题。 vue-cli 调试配置 项目准备 1.下载vue-cli 项目 2.进入vue-cli\packages@vue\cli 目录,查看cli包文件,执行命令 npm i 配置...
  • vscode调试nodejs前端网页

    千次阅读 2018-06-01 11:59:05
    首先要下载Debugger for Chrome插件,然后配置launch.json调试文件request有两种方式: 一种是launch,另一种是attach他们的区别在于launch模式下,每次调试前端网页都会打开一个新的谷歌浏览器,然后自动打开网页在...
  • Ubuntu下使用vscode开发Nodejs应用

    千次阅读 2016-06-27 18:07:49
    安装环境:Ubuntu15.10安装nodejs,这个按照网上步骤安装就可以! 安装VSCode,去https://code.visualstudio.com/download 下载Vscode 下载相关的包到本地! 执行下面命令安装Vscode!sudo dpkg -i vscode-amd64.deb ...
  • 最近在用vscode 1.23版本的时候发现outDir不可以使用了,建议这么改吧,直接program采用编译后的文件,然后打开sourceMaps,同时在babel编译的时候自己搞--watch及时生成.map文件便于vscode索引;如果你要编译其他...
  • 1、安装nodejs,后来的nodejs安装都会自动带有npm依赖,不用自己另外安装,安装完成后cmd进入命令行查看,显示版本则安装成功 2、在vscode 中安装code runner插件 进入自己的入口文件,右键选择 run code 下面...
  • 1. nodejs(官网下载安装,安装12.0以上版本, 使用 node --version 查看是否安装成功)。//注意命令后面的参数是双短横线 2. npm (安装好node时跟着就安装好了npm,使用 npm -v 查看是否安装成功) 3. ...
  • VsCode配置Leetcode刷题环境

    千次阅读 2020-02-07 19:21:21
    配置Nodejs环境可以按照下面网址进行https://blog.csdn.net/u012830533/article/details/79986984。 期间可能会遇到 'npm' 不是内部或外部命令,也不是可运行的程序 或批处理文件 这样的问题。解决方案如下: 手动...
  • vscode配置vue环境

    千次阅读 2019-08-22 10:42:23
    一、安装VSCodeNodeJS VSCode:https://code.visualstudio.com/ NodeJS:https://nodejs.org/en/ 二、打开VSCode,安装常用插件 如图所示(安装后重新加载即可): 三、项目中添加.vscode文件夹,文件夹中添加...
  • VSCode配置golang开发环境

    千次阅读 2019-01-17 17:51:40
    VSCode 插件推荐 插件安装方法 按下 Ctrl/Cmd+P 输入 ext install [插件关键字 / 名称],就可以安装了。 下面提供各个插件对应的安装命令。 各语言插件 Go: ext install ms-vscode.Go Golang 开发必备插件 ...
  • VsCode运行nodeJs代码的简单方法

    千次阅读 2018-01-04 08:31:00
    VsCode安装包默认内置的node debug插件需要配置工程调试运行文件才能正常运行,对于想要运行一个简单的js文件或者就是一段js代码时比较麻烦,为此可以安装Code Runner插件 安装完后可以直接执行js文件查看输出...
  • 记录vsCode配置node开发环境

    千次阅读 2019-07-09 15:56:00
    环境:win10,idea:vscode 1:安装Visual Studio Code 下一步下一步。(很早之前就安装了)。 2:安装node。http://nodejs.cn/download/下一步下一步。 也可以参考...
  • VSCode配置基于java + LeetCode环境 ... 颜色主题2、配置VSCode的java基础环境3、安装java扩展插件4、运行一波6、备注:三、VSCode配置LeetCode环境1、安装leetcode插件2、登录帐号3、开始答题 一、VSC...
  • 下载 vscode:https://code.visualstudio.com/ 下载nodejs:https://nodejs.org/en/ cmd 中 node -v 测试是否安装成功 cmd 中 npm prefix -g 查看全局下载模块保存目录 npm setprefix -g + {自定义新目录} (我...
  • VScode 配置node环境

    2020-12-21 21:21:07
    //此处是要运行的脚本文件 "stopOnEntry": false, "args": [], "cwd": "${workspaceRoot}", "runtimeExecutable": null, "runtimeArgs": ["--nolazy"], "env": { "NODE_ENV": "development" }, "console": ...
  • 一、安装VSCode 1、在官网下载并安装VSCode https://code.visualstudio.com/Download 注意:解压到非系统盘(节约系统盘空间,也方便后面使用) 文件夹最好(其实一般也可以包含空格)不要出现中文和空格,如:...
  • Nodejs是一个让JavaScript运行在服务端的开发平台,可用于方便地搭建...Visual Studio Code搭建NodeJs的开发环境1、下载安装NodeJs并配置环境变量2、下载安装 VS Code编辑器3、vscode配置nodejs调试环境侧边栏 调...
  • 使用vscode配置Vue

    2020-05-25 10:41:51
    node.js是javascript的一种运行环境,npm是nodejs的包管理工具,npm可以将项目依赖的包下载并管理起来。因此,下载npm则需下载nodejs。直接进入node中文网下载node,默认环境变量配置。 http://nodejs.cn/ #检测是否...
  • 网上有很多例子都是不可行的,或者是老版本的vscodenodejs es6工程。 现在举例说明如何创建支持es6并且vscode可调试的nodejs工程: (以windows为例) 1. 打开控制台(建议以管理员方式打开,否则npm inst...
  • (二)、在vscode配置开发环境 1.vs安装配置(不多说) 安装vscode 下载地址:https://code.visualstudio.com/ 安装Nodejs 下载地址:https://nodejs.org 2.配置,安装 TypeScript 官网地址...
  • 前端的小伙伴们在babel等的加持下,已经可以愉快的使用es6来写代码了。 然后对于服务端的nodejs就有点坑爹了,虽然原生支持了es6...下面介绍一下在vscode中使用es6写nodejs配置方法。 首先在根目录下建立.bab...
  • 我整理了这么一篇配置,大体方案是基于 Docker + VSCode 配置属于个人的开发环境,还会涉及 VSCode 扩展等。
  • Mac环境下使用Vscode配置 React 方案

    千次阅读 2018-05-20 09:51:55
    1.开始安装node.js运行环境 1.1下载地址: https://nodejs.org/en/ 这个连着npm一起下载。 关于npm和node.js的区别与关系,这里有个很好的引用 其实npm是nodejs的包管理器(package manager)。我们在Node....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,372
精华内容 1,348
关键字:

vscode配置nodejs运行环境