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

最新推荐文章于 2024-06-13 13:59:44 发布
最新推荐文章于 2024-06-13 13:59:44 发布
阅读量619 收藏 8
点赞数 8
文章标签： vscode javascript ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LR4XT2/article/details/135831490
版权

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

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

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

小小记录下当时的错误

LR4XT
关注
  • 8
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在vscode配置node并调试
lzx_316的博客
03-30 8673
一、在官网下载安装node Node.js根据提示安装。 二、配置环境变量 右键我的电脑→属性→高级系统设置→环境变量→path →在最后一行添加node安装地址 三、在vscode中配置 1、 2、点击设置进入launch.json文件进行配置 // nodemon 配置 { "version": "0.2.0", "configurations": [ { "type": "node", ...
vscode如何添加到环境变量path中_VSCode详细安装教程
weixin_39926613的博客
11-20 9211
1.下载https://code.visualstudio.com/download 是Microsoft（微软的产品）User Installer版：会安装在当前计算机帐户目录,意味着如果使用另一个帐号登陆计算机将无法使用别人安装的vscode。System Installer版：安装在非用户目录,例如C盘根目录,任何帐户都可以使用。(建议使用此版本)vscode默认提供的User Instal...
MacBook VSCode 下载 安装 配置环境变量 Path
wuyujin1997的博客
03-30 4274
文章目录下载安装运行 && 添加 Code 到环境变量 Path 下载 https://code.visualstudio.com/ https://az764295.vo.msecnd.net/stable/c722ca6c7eed3d7987c0d5c3df5c45f6b15e77d1/VSCode-darwin-universal.zip 安装 解压zip，得到 .app 应用文件： 拖动该文件到 Applications 目录即可： 去launchpad看一下： 运行 &amp
Vscode配置C/C++环境（详细安装调试）
最新发布
m0_51307713的博客
06-13 929
其实vscode也安装好几次了，写这篇文章主要是为了将这些过程记录下来为更多的才入门的道友提供一点小帮助，主要讲解的是C在vscode的使用
vscode安装教程及配置node.js环境
m0_63785629的博客
03-30 1万+
vscode安装教程及配置node.js环境
vscode配置node.js调试环境
渔道的博客
12-20 1193
node.js基于VSCode的开发环境的搭建非常简单。说明：本文的前置条件是已安装好node.js(具体安装不再赘述，如有需要可评论区留言)。
VsCode搭建Java开发环境的方法
08-26
我们可以在设置选项中配置用户设置，例如将Java.home设置为JDK的安装路径，将maven.executable.path设置为Maven的安装路径等。 三、新建项目 在配置好参数后，我们可以新建一个Java项目。我们可以打开命令窗口，...
vscode安装以及配置Python基本环境.pdf
04-29
### VSCode 安装与 Python 基本环境配置详解 ...通过以上步骤，可以在 VSCode 中配置好 Python 的基本开发环境。这样的配置不仅能够帮助开发者高效地编写 Python 代码，还能利用 VSCode 强大的功能，提升整体开发效率。
VSCode的使用配置以及VSCode插件的安装教程详解
10-14
在VSCode中进行个性化配置的第一步是打开设置界面。有两种方式： 1. 通过菜单栏：`File` -> `Preferences` -> `Settings`。 2. 或者直接点击界面左下角的设置图标，它看起来像一个齿轮。 #### Tab键的缩进控制 ...
Vue环境搭建+VSCode+Win10的详细教程
10-14
- 在系统变量的Path中添加`C:\ProgramFiles\nodejs\node_global\node_modules`。 - 在用户变量中修改npm路径为`C:\ProgramFiles\nodejs\node_global`。 - 删除原有的npm路径配置，如`C:\Users\xlz\AppData\Roaming\...
vs code 配置python虚拟环境的方法
08-19
2. 配置虚拟环境目录：在VSCode的设置中搜索“python.venv”，找到“Python: Virtual Environment Path”设置项，设置为你的虚拟环境存储路径，例如"E:\Python\ListEnvi"。 3. 指定虚拟环境文件夹：在同一个设置中，...
vscode如何添加到环境变量path中_VSCode上安装配置Scala
weixin_39616379的博客
11-21 1639
一、在Windows上安装Scala环境1、首先要确保电脑上安装了Java运行环境（Java环境配置不再赘述）2、第二步我们在Scala官网上下载Scala msi 安装包，之后双击下载的msi文件一路点击，安装完成。3、第三步配置Scala环境变量（类同配置Java环境变量）点击我的电脑右键属性，进入高级系统设置后点击环境变量设置 SCALA_HOME 变量：单击新建，在变量名栏输入：SCALA...
vscode如何添加到环境变量path中_vs code的安装与配置 - 等待，未来
weixin_39955825的博客
10-22 1万+
vs code的安装与配置Vscode是一个轻量级的编辑器，但是配置有点复杂，这里我做了C/C++开发环境配置总结，适用于windows/Linux系统整体步骤安装VSCode 在VSCode内安装c++插件 安装编译调试环境 修改VSCode调试配置文件 安装VsCode下载地址：注意：建议直接安装在Ｃ盘，方便配置，软件大小本身不大！！！注意：一定要将 添加到PATH 这项打钩！！！安装...
vscode调试无法在path上找到运行时的node
litCabbage的博客
09-09 4525
无法再path上找到运行时的node（但是在终端里是有node的） 确定好自己的电脑上是安装了node的，查看方法，在终端输入node -v，如果有返回版本号就说明你是有安装的。执行第二步 终端输入which node，会看到自己node安装的位置，此时到vscode找到launch.json文件。执行第三步 "configurations"这个对象里加上"runtimeEx...
【Golang】VScode配置Go语言环境
weixin_64648239的博客
07-21 3884
言归正传，这是由于Go语言官方有一些工具，VSCode在检测到你是进行Go语言开发的时候会提示你安装这些工具，以便提升你的开发效率（偷懒神器），但是一般不出意外的话，这个下载肯定是会出意外的，原因是因为国外的代理是下载不了的，我们只能选择更换为国内的代理。简单来说就是一种类似C/C++的新型语言，但是比C/C++简单的多的一种语言，并且多出很多方便简单的功能，很多公司都在使用这种语言，简单且高效。直接点击下载你需要的版本即可 ，我这里为了示例下载了go1.19的，实际上我用的是go1.20版本的。
Visual Studio Code C++环境变量配置
lihua_set6的博客
02-16 2260
第二次配置了，还是配置了大半天。所以记录下来我在配置过程中遇到的问题。背景：win 10系统。
1、windows下VScode修改PYTHONPATH变量方便导入模块
热门推荐
追梦的土豆的博客
11-03 1万+
目录问题引入解决问题之前的小小知识点解决方案one，通过env设置PYTHONPATH环境变量解决方案two，通过envFile设置PYTHONPATH环境变量解决方案three，通过terminal.integrated.env.windows设置`PYTHONPATH`环境变量 问题引入   在使用vscode中，虽然vscode可以高度自定义，里面的一些插件确实也让自己难以自拔。但是，与Pycharm比较，还是有一些瑕疵的，比如说包以及模块的导入。在Pycharm中因为它是自己把工程目录给加入到sys
VScode配置C/C++语言环境
2402_83637633的博客
04-28 785
三次确定！
VScode配置python环境
qq_40406045的博客
12-22 5068
VScode配置python环境
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、付费专栏及课程。

余额充值