(配置学习前必备)node.js在vscode调试以及插件和cnpm设置

最新推荐文章于 2024-09-13 20:44:55 发布
最新推荐文章于 2024-09-13 20:44:55 发布
阅读量3.9k 收藏 5
点赞数 1
分类专栏： Node.js学习笔录 文章标签： Node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SquirrelPineal/article/details/81202187
版权
本文介绍了在VSCode中配置调试Node.js应用的步骤，包括所需安装的插件，如美化、ES6支持和路径提示等。同时，讲解了如何设置launch.json以进行调试，并建议使用nrm来切换npm源，以提高模块安装速度，推荐使用cnpm或淘宝源作为快速替代方案。
摘要由CSDN通过智能技术生成

vscode需要安装的插件

JavaScript/node.js 在vscode需要安装的插件

  • beautify 美化插件

  • JavaScript (ES6) code snippets ES6/JavaScript插件

  • VSCode Great Icons 图标插件

  • Path Intellisense 路径提示，再import的时候会跳出
  • Better Align 对齐插件

Vscode 调试debug设置

launch.js设置

{
            "type": "node",
            "request": "launch",
            "name":
最低0.47元/天 解锁文章
SquirrelPineal
关注
专栏目录
node.js安装+卸载，npm+cnpm安装+卸载 vue安装+卸载
qq_45383769的博客
12-11 2120
老 http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务。点击电脑左下角windows图标，输入cmd，点击命令提示符打开命令提示符窗口。一般这样就表示电脑上是没有node.js的，一般没安装过的电脑都没有。淘宝NPM新的Web 站点：https://npmmirror.com。再检查下npm是否安装好（node附带就安装了）首先看一下电脑是有没有node.js软件。
VS CODE nodejs 调试环境搭建
yptsqc的博客
04-29 7470
nodejs 是vscode就内置的调试语言， 似乎就不需要再安装作何插件， 就可以启动调试 1.直接用vscode 打开工程目录文件夹， F5 选择环境： 2.选择完成之后，生成一个.vscode文件夹，文件夹下有个launch.json文件。将【program】字段的值修改为自己程序的入口文件，开始调试时会从这个入口启动程序，我的程序的入口为server.js，修改如下： { // 使用 I...
VSCode+Node.js配置Vue开发环境
最新发布
m0_61931410的博客
09-13 873
搜索JavaScript(ES6) code snippets 安装：ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间。功能为：语法高亮、智能感知、Emmet等包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）输入chinese，会自动搜索到中文语言包，点 Install按钮，进行安装。安装vscode，右键安装包，“以管理员身份运行”
Node.js-优秀实用的VSCode插件集合
08-10
优秀实用的 VS Code 插件集合
作为JavaScript开发人员，这些必备的VS Code插件你都用过吗
09-07 699
本文翻译自：https://www.sitepoint.com/vs-code-extensions-java-developers/ 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，...
【vscode插件集】学前端一年，珍藏的 40个 vscode 插件
缚己
03-08 1万+
猿生不能只有 Ctrl + C 和 Ctrl + V，还要有 Ctrl + D。 工欲善其事，必先利其器。今天给大家带来了博主学习前端一年多以来偷懒 ，呸~ 提升效率必备的 40 个 vscode 插件。 看完觉得有帮助的记得点个赞~ HTML 标签自动闭合 – Auto Close Tag 身为一个前端程序猿，打 HTML 标签那必须是快速的，vscode 本身就提供了标签自动闭合的功能。但是对于一些自定义标签 vscode 就不能识别了。 这时安装这个插件，vscode 就可以自动识别你的自定义标.
取代浏览器插件调试，VS Code 整合JS 调试工具
m0_59537084的博客
08-03 4692
最近，Microsoft Edge 团队发表一篇博客，JavaScript 调试现已内置到 Visual Studio Code 代码中，因此不需再次使用浏览器调试。如果用户正在使用 Visual Studio Code 调试 JavaScript 程序，用户可能已经使用了 Chrome 或 Microsoft Edge 的调试器插件。 如果用户想要通过 Chrome 或 Microsoft Edge 浏览器调试 JavaScript 程序，用户只需按 F5 或激活菜单栏中的调试图标并选择"运行和调试"即可
使vscode调试nodejs代码
热门推荐
NeroSolomon的博客
02-02 2万+
1.首先在vscode中新建一个窗口 2.按下F5，选择nodejs 此处会产生一个lauch.json文件 以前需要在“program”后添加被调试的文件的路径，现在的vscode不需要，会自己找到文件路径。 3.点击这个图标 4.点击这个开始调试 5.没有打断点的情况 代码被直接运行完，因为没有打断点。 6.打一个断点，再按调试
前端环境搭建+node.js+vue+vscode
08-21
在本资源中，我们将学习如何搭建一个完整的前端环境，包括安装 Node.js、cnpm、浏览器、VSCode 和 Vue.js 等工具。 Node.js 的安装 Node.js 是一个基于 Chrome V8 JavaScript 引擎的 JavaScript 运行环境，它提供...
Node.js的安装及环境配置.pdf
07-18
### Node.js的安装及环境配置详解 #### 一、前言 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。它允许开发者使用 JavaScript 编写服务器端的应用程序，使得前后端可以使用相同的语言进行开发，极大地...
Node.js安装及环境配置教程
11-21
Node.js 是一种基于 Chrome V8 引擎的 JavaScript 运行环境，允许开发者在服务器端使用 JavaScript 开发应用。本教程将详细介绍如何安装和配置 Node.js 环境，包括以下关键步骤： 1. **下载 Node.js**：访问 Node....
VSCode提高 Node 和 Vue 开发效率的插件推荐
10-15
工欲善其事必先利其器，以下是本人为Node 和 Vue开发收集的vscode插件，有需要的话赶紧mark起来吧~
vscode运行nodejs
05-09 628
首先初始项目 npm init 新建index.js为入口程序 若不初始项目 运行时会运行选中的那个js文件
在vscode终端运行nodejs文件
qq_69292284的博客
02-13 5654
在vscode终端运行nodejs文件的2种不同的方法
vscode nodejs插件_VSCode插件开发梳理
weixin_39609541的博客
11-25 8179
纸上得来终觉浅，深知此事要躬行，因此来体验一下VSCode的插件开发，网上有很多小伙伴的文章给了很大帮助，本文的代码是直接使用网上的内容，特此整理出来给后来学习的伙伴们参考搭建环境首先Nodejs和VSCode需要提前安装好，这里对这块的安装不再赘述。接下来安装yo 这是vscode团队为插件开发提供的工具npm install -g yo generator-code安装成功后，通过y...
＜vscode插件＞node引入自动生成模块
Gxy_sh的博客
10-28 560
同样是选择vscode菜单栏view中的Extension，搜索node-snippets。 安装成功后，输入node然后按tab键，就会生成Node.js中的引入模块语句。
vscode nodejs插件_手摸手成为VSCode插件开发者！
weixin_39796855的博客
12-14 2409
最近学的有点苦恼，各种设计模式，调用库，数据结构与算法，环境配置，路径依赖搞人心态:(就想着学习曲线能够尽量平滑一些，不然真的很容易放弃呢。于是我就盯上了我的开发工具VScode，满屏幕都是黑，简直了。后来一想，其实这种配置的方法并不困难，难的主要是能坚持下去的勇气。所以我尽量想让这个教程的学习曲线平滑一些，让一个初学者能够找到编程的兴趣与进入这个开源世界的信心。在这个教程中你需要有：熟悉基本的电...
vscode插件
weixin_46353030的博客
02-24 974
一、Search node_modules 作用：用于查找node_modules下的文件 安装步骤：在vscode插件中搜索“Search node_modules”，安装后使用“ctrl+shift+p”，向输入框内输入待查找文件的名字即可； 参考文章：https://www.zhihu.com/question/309220217 二、vetur 作用：初始化vue文件模板 安装步骤（wins）：打开vscode–>点击“文件”–>“首选项”–>“用户片段”–>搜索“vu
vscode的npm和cnpm的配置
qq_44718039的博客
06-03 1602
vscode的cnpm配置
CentOS8搭建前端开发环境：Node.js, VSCode, Git集成指南
"该文档详细介绍了如何在CentOS操作系统上搭建前端开发环境，包括使用VMware安装CentOS、配置系统、安装开发工具如VSCode、Node.js、cnpm、Git和Vue CLI等。" 在搭建前端开发环境的过程中，首先需要在虚拟机中安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值