在pycharm中运行js文件,附加node.js下载步骤

文章目录

  • 一、前言
  • 二、node.js安装和配置(如果之前就安装好了可以直接跳过)
    • 1、进入官网下载安装包
    • 2、在本地安装node.js
    • 3、环境配置
    • 4、验证是否安装成功
    • 5、修改下载位置(默认是在c盘,这个根据个人需求)
    • 6、设置默认模块包
    • 7、测试一下是否修改成功(要进入管理员模式的cmd 不然可能会报错)
    • 8、设置镜像(第七步的模块下载还是比较慢的)
  • 三、pycharm中安装node.js插件
    • pycharm中执行js代码
  • 四、总结

一、前言

当我在运行pycharm中运行js文件时突然发现我还没有安装node.js
所以需要进行两步操作
安装本地node.js
在pycharm安装node.js插件

在这里插入图片描述

二、node.js安装和配置(如果之前就安装好了可以直接跳过)

1、进入官网下载安装包

点击进入node.js官网进行下载
https://nodejs.cn/download/
根据自己的电脑配置选择适合自己电脑的即可~
在这里插入图片描述

2、在本地安装node.js

双击安装包,点击next
在这里插入图片描述
同意条款,点击next
在这里插入图片描述
自定义安装位置,点击next
在这里插入图片描述
点击next
在这里插入图片描述
对于小白的我来说,我是默认的没有勾选,直接下一步
在这里插入图片描述
直接点击install,等待下载完成即可
在这里插入图片描述
点击finish
在这里插入图片描述

3、环境配置

右击【此电脑】,点击属性,找到【高级系统设置】,并点击
在这里插入图片描述
也可以从【设置】—>【系统信息】中找到【高级系统设置】,并点击
在这里插入图片描述
打开环境变量
在这里插入图片描述
在环境变量中添加node.js的路径
在这里插入图片描述

4、验证是否安装成功

win+r进入cmd
输入node -v查看node.js版本

node -v

输入npm -v查看版本
[npm 就是一个管理(下载安装、卸载…)第三方模块的工具,安装时自带的]

npm -v

结果如下
在这里插入图片描述

5、修改下载位置(默认是在c盘,这个根据个人需求)

先查看一下npm的位置

# 全局
npm get prefix
# 默认缓存
npm get cache

默认都是存放在c盘的,我的c盘估计是吃不消的,要改到d盘(哭)
在这里插入图片描述
首先在note.js安装目录下创建两个新的文件夹
见名知意

node_global
node_cache

在这里插入图片描述

创建过程中可能会出现这种情况,直接点继续就行
在这里插入图片描述
接着就开始修改默认路径了

# 首先修改全局模块到node_global中
# D:\download\Nodejs\node_global是我的路径,大家要改成自己的
npm config set prefix "D:\download\Nodejs\node_global"# 然后修改缓存路径到node_cache
# D:\download\Nodejs\node_cache是我的路径,大家要改成自己的
npm config set cache "D:\download\Nodejs\node_cache"

修改之后
在这里插入图片描述
然后再去环境变量中进行配置,重复步骤三【环境配置的操作】

在这里插入图片描述

然后将全局模块的信息添加到用户变量的path中
在这里插入图片描述

6、设置默认模块包

首先在node_global中创建一个新文件夹node_modules
在这里插入图片描述
然后再次进入环境变量中

# 变量名
NODE_PATH# 变量值 就是node_global下node_modules的路径
D:\download\Nodejs\node_global\node_modules

在这里插入图片描述
然后再次进入系统变量的path中

# 把之前的变量名添加进入
%NODE_PATH%

在这里插入图片描述

7、测试一下是否修改成功(要进入管理员模式的cmd 不然可能会报错)

# 这里以安装express模块为例
# cmd要进入管理员模式的cmd 不然可能会报错
# -g 表示全局安装
npm install express -g

在这里插入图片描述
在这里插入图片描述
安装node.js的文件夹的安全最好都打上对号
在这里插入图片描述

8、设置镜像(第七步的模块下载还是比较慢的)

# 操作都是在cmd中完成的
# 首先先看一下当前镜像(默认是国外的镜像)
npm config get registry# 然后修改全局镜像源(这里修改的淘宝的镜像源)
npm config set registry https://registry.npm.taobao.org

在这里插入图片描述

# 然后安装cnpm测试一下
npm install -g cnpm --registry=https://registry.npm.taobao.org# 查看一下是否安装成功
cnpm -v

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

三、pycharm中安装node.js插件

终于回到主题上来了😭
在这里插入图片描述
然后把这些插件都下载了,重启pycharm
在这里插入图片描述
然后添加node.exe
在这里插入图片描述

pycharm中执行js代码

代码如下

document = {cookie: '82年苏打'}// 定义一个函数用来封装和获取cookie
function getCookie() {return document.cookie}console.log(document.cookie)

运行结果
在这里插入图片描述

四、总结

这次的总结如下:
啊啊啊!!!写笔记真的好累啊😱😱😱

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/106419.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

11 | JpaRepository 如何自定义

EntityManager 介绍 Java Persistence API 规定,操作数据库实体必须要通过 EntityManager 进行,而我们前面看到了所有的 Repository 在 JPA 里面的实现类是 SimpleJpaRepository,它在真正操作实体的时候都是调用 EntityManager 里面的方法。…

云上攻防-云原生篇K8s安全Config泄漏Etcd存储Dashboard鉴权Proxy暴露

文章目录 云原生-K8s安全-etcd未授权访问云原生-K8s安全-Dashboard未授权访问云原生-K8s安全-Configfile鉴权文件泄漏云原生-K8s安全-Kubectl Proxy不安全配置 云原生-K8s安全-etcd未授权访问 攻击2379端口:默认通过证书认证,主要存放节点的数据&#x…

升级包版本之后Reflections反射包在springboot jar环境下扫描不到class排查过程记录

📢📢📢📣📣📣 哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝 一位上进心十足的【Java ToB端大厂…

卡顿分析与布局优化

卡顿分析与布局优化 大多数用户感知到的卡顿等性能问题的最主要根源都是因为渲染性能。Android系统每隔大概16.6ms发出VSYNC信 号,触发对UI进行渲染,如果每次渲染都成功,这样就能够达到流畅的画面所需要的60fps,为了能够实现60fp…

LabVIEW生产者消费者架构

LabVIEW生产者消费者架构 生产者/消费者模式可以轻松地同时处理多个进程,同时还能以不同速率迭代。 缓冲通信 当多个进程以不同速度运行时,就适合采用进程间缓冲通信。有了足够大的缓冲区后,生产者循环可以以快于消费者循环的速度运行&…

c语言练习89:链表的使用

链表的使用 虽然有这么多的链表的结构,但是我们实际中最常⽤还是两种结构: 单链表 和 双向带头循环链表 1. ⽆头单向⾮循环链表:结构简单,⼀般不会单独⽤来存数据。实际中更多是作为其他数据结 构的⼦结构,如哈希桶、…

在vs code中创建一个名为 “django_env“ 的虚拟环境报错?!以下方法可以解决

# vs code 终端窗口中运行: mkvirtualenv django_env # 拓展: mkvirtualenv django_env 是一个命令,用于创建一个名为 "django_env" 的虚拟环境。虚拟环境是一种用于隔离不同Python项目所需依赖的工具。通过创建虚拟环境&#x…

word 如何编写4x4矩阵

百度上给的教程,打印出来没有对齐 https://jingyan.baidu.com/article/6b182309995f8dba58e159fc.html 百度上的方式试了一下,不会对齐。导致公式看起来很奇怪。 下面方式会自动对齐 摸索了一下发现可以用下面这种方式编写 4x4 矩阵。先创建一个 3x3…

基于Linux上MySQL8.*版本的安装-参考官网

本地hadoop环境安装好,并安装好mysql mysql下载地址及选择包 MySQL :: Download MyS的QL Community Server (Archived Versions) mysql安装步骤 下载与上传解压给权限 #mysql安装包上传到/opt下 cd /usr/local/ #解压到此目录 tar -xvf /opt/mysql-8.0.33-linux-glibc2.12-…

[Machine Learning][Part 5]监督学习——逻辑回归

之前文章中提到监督学习的应用可分为两类:线性回归和逻辑回归。和线性回归不同,逻辑回归输出只有0和1。对于一个逻辑回归任务,可以先使用线性回归来预测y。然而我们希望逻辑回归预测模型输出的是0和1,为了达到这个目的&#xff0c…

Ubuntu:VS Code IDE安装ESP-IDF【保姆级】

物联网开发学习笔记——目录索引 参考: VS Code官网:Visual Studio Code - Code Editing. Redefined 乐鑫官网:ESP-IDF 编程指南 - ESP32 VSCode ESP-ID Extension Install 一、前提条件 Visual Studio Code IDE安装ESP-IDF扩展&…

微信小程序 uniapp+vue线上洗衣店业务管理系统演89iu2

本课题意在设计一种系统的、基于用户体验的线上洗衣服务模式,具有如下的研究意义: (1)为用户提供更简单、便捷的洗衣服务模式; (2)为智能柜的盈利模式提供了新的方向; (3)通过线上系统、智能柜与洗衣工厂结合的方式,为洗衣企业构建了一套节 省人力成本的…

使用VS Code终端窗口创建Python虚拟环境

在日常的Python开发中,管理项目的依赖关系是至关重要的。一个非常有用的工具是Python虚拟环境,它允许我们可以在同一计算机上隔离不同项目的依赖,以确保它们不会相互干扰。在本文中,我们将介绍如何在VS Code终端窗口中使用命令mkv…

论文阅读:CenterFormer: Center-based Transformer for 3D Object Detection

目录 概要 Motivation 整体架构流程 技术细节 Multi-scale Center Proposal Network Multi-scale Center Transformer Decoder Multi-frame CenterFormer 小结 论文地址:[2209.05588] CenterFormer: Center-based Transformer for 3D Object Detection (arx…

WSL Ubuntu 22.04.2 LTS 安装paddle踩坑日记

使用conda安装paddlepaddle-gpu: conda install paddlepaddle-gpu2.5.1 cudatoolkit11.7 -c https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/Paddle/ -c conda-forge 等待安装... 报错处理: (1)(1)PreconditionNotMetError: Cannot load cudnn shared libr…

205、使用消息队列实现 RPC(远程过程调用)模型的 服务器端 和 客户端

目录 ★ RPC模型(远程过程调用通信模型)▲ 完整过程:代码演示总体流程解释:ConstantUtil 常量工具类ConnectionUtil RabbitMQ连接工具类Server 服务端Client 客户端测试结果服务端客户端 完整代码ConstantUtil 常量工具类Connecti…

AMD AFMF不但能用在游戏,也适用于视频

近期AMD发布了AMD Software Adrenalin Edition预览版驱动程序,增加了对平滑移动帧(AMD Fluid Motion Frames,AFMF)功能的支持,也就是AMD的“帧生成”技术,与DLSS 3类似,作为FidelityFX Super Re…

137. 只出现一次的数字 II

题目 题解 方法一 直接用 哈希表出现 3 次则从 哈希表移除&#xff0c;最后剩下的就是结果 class Solution { public int singleNumber(int[] nums) { Map<Integer, Integer> map new HashMap<>(); for (int num : nums) { Integer i…

React添加文件路径时使用@符号代替src目录(非creae-react-app)

在其它项目中看到的可以用符号来代替src目录&#xff0c;那么在自己的react项目中也必须得尝试一下。本人的项目不是通过create-react-app脚手架来创建的&#xff0c;无法使用craco或者的方案来实现。 jsconfig.json配置 用的vscode进行开发&#xff0c;查看项目当中是否存在js…

css 如何让元素内部文本和外部文本 一块显示省略号

实际上还是有这样的需求的 <div class"container"><span>啊啊啊啊啊啊啊啊</span>你好啊撒撒啊撒撒撒撒啊撒撒撒撒撒说</div>还是有这样的需求的哦。 div.container {width: 200px;white-space: nowrap;text-overflow: ellipsis;overflow:…