关于vscode中配置javascript环境时，path的注意项

最新推荐文章于 2025-03-16 11:25:24 发布
原创 最新推荐文章于 2025-03-16 11:25:24 发布 · 750 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #javascript #ide

本文主要讲述了在Windows系统中安装Node.js时如何在系统设置中添加其安装路径，以及在安装VSCode时可能需要考虑的路径变量配置，特别是针对zip版本的注意事项。

- 安装node.js后，需要在 系统-高级系统设置-环境变量-用户变量-path处添加node.js的安装路径

- 在安装vscode时，也许选择添加变量至path

若为zip版本，无安装过程，需要注意添加变量

小小记录下当时的错误

manbain
关注
在Win11系统上搭建基于VSCode的JavaScript开发环境
史莱姆的博客
10-14 1507
零基础小白向：如何通过VsCode、Node.js、Git打造一个最基础的Javascript开发环境
VsCode搭建Java开发环境的方法
08-26
我们可以在设置选项中配置用户设置，例如将Java.home设置为JDK的安装路径，将maven.executable.path设置为Maven的安装路径等。 三、新建项目 在配置好参数后，我们可以新建一个Java项目。我们可以打开命令窗口，...
[从零开发JS应用] 如何在VScode中配置Javascript环境，常见的调试方法有哪些？
热门推荐
Viviane_2022的博客
09-21 3万+
在程序有BUG/缺陷，需要修复时，断点调试是发现缺陷的重要方法。对于初学者而言，断点调试还有另外一个用途：帮助理解程序背后的逻辑。本文以下述程序为例，讲述在Visual Studio Code中的断点调试方法。
MacBook VSCode 下载 安装 配置环境变量 Path
wuyujin1997的博客
03-30 5801
文章目录下载安装运行 && 添加 Code 到环境变量 Path 下载 https://code.visualstudio.com/ https://az764295.vo.msecnd.net/stable/c722ca6c7eed3d7987c0d5c3df5c45f6b15e77d1/VSCode-darwin-universal.zip 安装 解压zip，得到 .app 应用文件： 拖动该文件到 Applications 目录即可： 去launchpad看一下： 运行 &amp
vscode配置node.js调试环境
渔道的博客
12-20 2239
node.js基于VSCode的开发环境的搭建非常简单。说明：本文的前置条件是已安装好node.js(具体安装不再赘述，如有需要可评论区留言)。
vscode安装教程及配置node.js环境
m0_63785629的博客
03-30 1万+
vscode安装教程及配置node.js环境
【vscode】——程序运行时添加环境变量
怡宝2号
05-18 3447
vscode 总的有两种方式，1. sh脚本。 2. 终端中定义。 在sh脚本中定义 如下例： GCN_PATH=gcn2_320x240.pt ./rgbd_gcn ../Vocabulary/GCNvoc.bin TUM3_small.yaml ~/Workspace/Datasets/TUM/freiburg3/rgbd_dataset_freiburg3_long_office_household ~/Workspace/Datasets/TUM/freiburg3/rgbd_dataset.
VsCode C++开发环境配置教程-Vscode配置c / c++环境资源
06-25
在VsCode中，我们可以通过打开命令面板（使用快捷键Ctrl+Shift+P或F1），输入“C/C++: Edit Configurations”命令，然后在打开的c_cpp_properties.json文件中配置includePath等参数来指定头文件路径。 接下来，是...
docker-env-vscode python环境配置
04-03
当开发者需要在VSCode中配置一个包含Python、Node、Go和Rust的Docker环境时，他们需要做以下几个步骤： 1. 确保Docker已经安装在开发机器上。 2. 在VSCode中安装必要的扩展，比如Python扩展、Docker扩展、Remote ...
在VsCode中搭建Java开发环境的详细方法
最新发布
07-01
例如，将Java.home参数设置为JDK的安装路径，将maven.executable.path参数设置为Maven的安装路径等，这些配置都是确保开发环境正常运行的关键步骤。 当参数配置完成之后，就可以开始新建Java项目了。您可以打开...
VSCode中如何配置node.js
2301_80130757的博客
03-16 7053
2.创建配置文件，打开你的代码文件夹，先随便创建一个app.js，随便写几句测试代码。然后点击左边侧边栏的调试工具，选择创建launch.json文件。看了很多配置视频的资料，五花八门，终于终于搞好了，防止自己忘掉，还是写个博客吧。6.点击运行，看终端的输出结果(记得代码先要保存，否则终端可能会保存之前已有的代码错误而报错)，这样可以识别当前调试的文件，不需要每次都在这里更换文件名，调试哪个文件直接F5就OK。1.在VSCode中安装插件，一个是负责运行的。node.js对应的npm是否安装成功。
vscode如何添加到环境变量path中_VSCode详细安装教程
weixin_39926613的博客
11-20 9831
1.下载https://code.visualstudio.com/download 是Microsoft（微软的产品）User Installer版：会安装在当前计算机帐户目录,意味着如果使用另一个帐号登陆计算机将无法使用别人安装的vscode。System Installer版：安装在非用户目录,例如C盘根目录,任何帐户都可以使用。(建议使用此版本)vscode默认提供的User Instal...
在vscode配置node并调试
lzx_316的博客
03-30 9121
一、在官网下载安装node Node.js根据提示安装。 二、配置环境变量 右键我的电脑→属性→高级系统设置→环境变量→path →在最后一行添加node安装地址 三、在vscode中配置 1、 2、点击设置进入launch.json文件进行配置 // nodemon 配置 { "version": "0.2.0", "configurations": [ { "type": "node", ...
vscode如何添加到环境变量path中_VSCode上安装配置Scala
weixin_39616379的博客
11-21 1909
一、在Windows上安装Scala环境1、首先要确保电脑上安装了Java运行环境（Java环境配置不再赘述）2、第二步我们在Scala官网上下载Scala msi 安装包，之后双击下载的msi文件一路点击，安装完成。3、第三步配置Scala环境变量（类同配置Java环境变量）点击我的电脑右键属性，进入高级系统设置后点击环境变量设置 SCALA_HOME 变量：单击新建，在变量名栏输入：SCALA...
vscode如何添加到环境变量path中_如何在VS code中配置C语言环境
weixin_39831991的博客
11-20 1万+
写在开头：本人也是实属菜逼一枚，在这仅提供简单的配置教程。part 1部分有点废话，会的建议直接跳至part 2部分食用。文本内容多图。最重要，最开始的地方当然是安装VS code啦！i了i了下载地址：Visual Studio Code ​code.visualstudio.com2. 然后就是按部就班的进行安装咯。a.勾选同意选项然后点击下一步b.别急着一直点到底。这里个人建议是都勾上c.最后...
vscode如何添加到环境变量path中_vs code的安装与配置 - 等待，未来
weixin_39955825的博客
10-22 1万+
vs code的安装与配置Vscode是一个轻量级的编辑器，但是配置有点复杂，这里我做了C/C++开发环境配置总结，适用于windows/Linux系统整体步骤安装VSCode 在VSCode内安装c++插件 安装编译调试环境 修改VSCode调试配置文件 安装VsCode下载地址：注意：建议直接安装在Ｃ盘，方便配置，软件大小本身不大！！！注意：一定要将 添加到PATH 这项打钩！！！安装...
安装vscode，配置环境变量，编写第一个程序
m0_75186927的博客
01-13 866
打开网址后，点击download右边的file，在files这个界面，你打开Tollchains targetting Win64，再打开。然后找到环境变量，点击环境变量，点击path，再点击编辑，弹出右边的小窗口后，点击新建，把你复制的bin目录添加上去，然后连点确定。Builds，点入mingw builds,点 8.1.0，threads posix，再选seh，双击下载。接着打开安装好的MinGW-w64，点击进去找到bin目录，复制bin的地址，比如我这里 的地址是。
vscode调试无法在path上找到运行时的node
litCabbage的博客
09-09 4799
无法再path上找到运行时的node（但是在终端里是有node的） 确定好自己的电脑上是安装了node的，查看方法，在终端输入node -v，如果有返回版本号就说明你是有安装的。执行第二步 终端输入which node，会看到自己node安装的位置，此时到vscode找到launch.json文件。执行第三步 "configurations"这个对象里加上"runtimeEx...
vscode添加到环境变量之快捷使用
m0_56741459的博客
08-29 3335
将 VSCode 添加到环境变量中，主要是为了方便在命令行中全局调用code命令，从而更高效地打开和编辑文件或项目，提升开发效率，尤其是在命令行和编辑器结合的工作流中。
VScode配置JavaScript环境
03-28
1. 安装Node.js VScode使用Node.js作为JavaScript的运行环境，因此需要先安装Node.js。 在官网下载对应系统的安装包，安装完成后，在命令行输入以下命令，如果能够正确输出版本号，则表示Node.js安装成功。 ``` node -v ``` 2. 安装VScode插件 打开VScode，搜索并安装以下插件： - ESLint - Prettier - Code formatter 这两个插件可以帮助我们在编写JavaScript代码时进行语法检查和格式化。 3. 创建项目 在VScode中新建一个文件夹，作为我们的JavaScript项目的根目录。 然后在命令行进入该文件夹，输入以下命令，初始化一个Node.js项目： ``` npm init -y ``` 这个命令会创建一个 package.json 文件，用于管理我们项目的依赖包。 4. 安装依赖包 我们需要安装一些依赖包来支持我们的JavaScript项目，包括： - babel：用于将ES6代码转换成ES5代码，以便在不支持ES6的浏览器中运行； - webpack：用于打包和压缩JavaScript代码，以便减少加载时间； - webpack-cli：用于在命令行中运行webpack命令。 在命令行中输入以下命令，安装这些依赖包： ``` npm install --save-dev babel-core babel-loader babel-preset-env webpack webpack-cli ``` 5. 配置webpack 在根目录下创建一个名为 webpack.config.js 的文件，并将以下代码复制到文件中： ```js module.exports = { entry: './src/index.js', output: { filename: 'main.js', path: __dirname + '/dist' }, module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['env'] } } } ] } }; ``` 这个配置文件指定了项目的入口文件和输出文件，以及使用的模块规则。 6. 编写JavaScript代码 在根目录下创建一个名为 src 的文件夹，并在其中创建一个名为 index.js 的文件。 在 index.js 中编写JavaScript代码，可以使用ES6语法，例如： ```js const hello = () => { console.log('Hello, world!'); } hello(); ``` 7. 运行代码 在命令行中输入以下命令，运行webpack打包代码： ``` npx webpack ``` 然后在浏览器中打开根目录下的 dist/index.html 文件，就可以看到输出结果了。 8. ESLint和Prettier配置 在根目录下创建一个名为 .eslintrc.json 的文件，并将以下代码复制到文件中： ```json { "extends": [ "eslint:recommended", "plugin:prettier/recommended" ], "plugins": [ "prettier" ], "rules": { "prettier/prettier": ["error", { "singleQuote": true, "trailingComma": "es5" }] }, "env": { "browser": true, "es6": true }, "parserOptions": { "sourceType": "module" } } ``` 这个配置文件指定了使用 ESLint 进行语法检查，并且使用 Prettier 进行代码格式化。 在 VScode 中按下 Ctrl+Shift+P，输入 "Open Settings (JSON)"，打开 VScode 的配置文件。 在配置文件中添加以下代码： ```json "eslint.enable": true, "eslint.validate": [ "javascript" ], "editor.formatOnSave": true, "[javascript]": { "editor.formatOnSave": false }, "prettier.eslintIntegration": true ``` 这个配置文件指定了在保存文件时进行代码格式化和语法检查。 现在，我们就可以愉快地编写JavaScript代码了！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值