vscode配置nodejs_vscode nodejs-程序员宅基地

技术标签: vscode  vue  ide  javascript  

前言

npm ERR! enoent This is related to npm not being able to find a file.

‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序

今天在使用vscode开发前端项目的时候,报错如上所示,提示了npm无法使用!

之前我们总结过windows下通过nvm安装切换nodejs,这里就不再赘述,这里主要将vscode中如何配置node来配置一下

Nodejs在vscode中的配置

1、扩展插件

在vscode的扩展中安装三个插件,分别如下:

Code Runner

为静态和动态页面启动具有实时重新加载功能的开发本地服务器

JavaScript(ES6) code snippet

ES6语法中JavaScript的代码片段

Live Server

为静态和动态页面启动具有实时重新加载功能的开发本地服务器
在这里插入图片描述

2、创建配置文件

首先打开代码文件夹,先打开文件中的login.js,随便的写上几句,然后运行测试代码。点击左边侧边栏的调试工具,选择创建launch.json文件,选择node.js调试环境。
在这里插入图片描述

3、调整配置文件内容

此时配置文件会自动生成,注意将program属性内容修改为${file},这样可以识别当前调试的文件。然后就可以运行文件。
在这里插入图片描述

欢迎大家点击下方卡片关注《coder练习生》

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ybb_ymm/article/details/130988768

智能推荐

c语言转换成汇编的原理,从编译原理的角度看C语言如何转换成汇编语言的?-程序员宅基地

文章浏览阅读760次。大家都知道计算机只能处理和识别二进制指令,而我们利用各种高级编程语言所编写的程序,要经过一些列的处理步骤,最终转变为汇编指令,再最后转变为机器指令。以上这些转变是如何发生的就属于大名鼎鼎的“编译原理”所研究的范畴,作为计算机专业学生,它的重要性毫无质疑,自然也是必修课。而我们几年所要给大家讲的是高级编程语言到汇编语言这一转变的过程,后面就以C语言为例。怎么样,计科专业的学生或者学过编译原理的看到上..._c 编译为汇编

java.lang.ClassNotFoundException: com.google.gson.Gson 解决方案-程序员宅基地

文章浏览阅读4.2k次。 使用myeclipse 2014 maven时,在pom文件导入Gson包依赖的情况下仍然提示java.lang.ClassNotFoundException: com.google.gson.Gson,后来试着项目右键,更新(update)了一下maven,就没有报错了。..._java.lang.classnotfoundexception: com.google.gson.gson

Docker部署redis集群_docker redis 集群-程序员宅基地

文章浏览阅读565次。这儿采用docker进行安装redis,比较简单不过多解释了。_docker redis 集群

[算法]Trie树-程序员宅基地

文章浏览阅读52次。我是好文章的搬运工,原文来自博客园,博主一线码农,选自”6天通吃树结构“系列,地址:http://www.cnblogs.com/huangxincheng/archive/2012/11/25/2788268.html一:概念 下面我们有and,as,at,cn,com这些关键词,那么如何构建trie树呢?从上面的图中,我们或多或少的可以发现一些好玩的特性。 ..._16-bit trie树的实现

Nginx编译安装及配置文件详解_nginx 编译安装-程序员宅基地

文章浏览阅读9.1k次,点赞3次,收藏10次。Nginx编译安装及配置文件详解_nginx 编译安装

Jenkins集成Apifox自动化接口测试工具_apifox集成jenkins-程序员宅基地

文章浏览阅读1k次。添加构建步骤 Excute shell,将 ApifoxCli 的命令拷贝进去,保存并运行即可。1、打开 Jenkins 插件管理中找到。1.创建一个新项目选择项目类型为。2.去到Jenkins服务器安装。,配置版本号(需 >= v10)3、在全局工具配置中新建。_apifox集成jenkins

随便推点

四、第一个测试用例(专栏:从零开始搭建一个UDS诊断自动化测试CANoe工程)_uds诊断测试用例编写-程序员宅基地

文章浏览阅读661次。在这个xml 测试节点加载我们需要使用的osek_tp.dll,并新建一个C本专栏将从零开始搭建一个用于UDS诊断服务的CANoe测试工程,基于CAN/CANFD总线,可以手动测试,也可自动化测试,使用XML测试节点实现。目前使用cdd及diva可以快速生成uds诊断的测试用例及工程,任有部分用例无法涉及或配置比较复杂。CAN/CANFD可以配置选择。诊断ID可通过面板配置,工程运行过程也可以修改,cdd的诊断id是固定的。能寻址可以配置。实现27服务安全解锁的框架,具体算法需要根据不同厂商自己去实现。_uds诊断测试用例编写

快速查询hive数据仓库表中的总条数_hive怎么查条数-程序员宅基地

文章浏览阅读1.5w次,点赞3次,收藏14次。Author: kwu --- 快速查询hive数据仓库中的条数,在查询hive表的条数,通常使用count(*),但是数据量大的时候,mr跑count(*)往往需要几分钟的时间。_hive怎么查条数

【英语语法】:名词_the number of scientists is in the lab is five-程序员宅基地

文章浏览阅读1.1k次。英语语法英语语法框架简单句数词冠词目录英语语法名词分类专业名词、普通名词可数名词、不可数名词具体名词、抽象名词名词使用注意名词单复数变化规则变化的名词不规则变化的名词一直都是复数的名词复合名词的变化名词所有格‘s所有格,中英语序一样‘s所有格,其他常见用法of所有格,中英语序相反‘s+of双重所有格名词主谓一致什么是主谓一致名词分类专业名词、普通名词可数名词、不可数名词具体名词、抽象名词专业名词、普通名词专有名词(大多数是不可数名词,在某些情况下可以复数使用,或者转换为普通名词,_the number of scientists is in the lab is five

微信小程序上传图片失败 fail url not in domain list_小程序上传图片的域名-程序员宅基地

文章浏览阅读643次。小程序上传图片_小程序上传图片的域名

ubuntu-18.04.5-live-server-amd64修改网络配置_ubuntu-18.04.5-live-server-amd64怎么配置wangk-程序员宅基地

文章浏览阅读582次。Ubuntu从17.10开始,已放弃在/etc/network/interfaces里配置IP地址,即使配置也不会生效,而是改成netplan方式,配置写在/etc/netplan/00-installer-config.yaml或者类似名称的yaml文件里修改网络配置管理员权限编辑改文件默认情况下是显示的这样# This is the network config written by 'subiquity'network: ethernets: {} version: 2修改内容为_ubuntu-18.04.5-live-server-amd64怎么配置wangk

Sqlserver 数据库文件大小和剩余空间_查询sqlserver数据库中全部表大小m-程序员宅基地

文章浏览阅读1w次,点赞2次,收藏5次。Sqlserver 数据库文件大小和剩余空间_查询sqlserver数据库中全部表大小m

推荐文章

热门文章

相关标签