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

 更新时间:2023年12月06日 15:20:09   作者:82年苏打  
js文件需要用node来运行,所以首先要安装node软件,下面这篇文章主要给大家介绍了关于在pycharm中运行js文件以及附加node.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)

运行结果

四、总结

到此这篇关于在pycharm中运行js文件以及附加node.js下载步骤的文章就介绍到这了,更多相关pycharm运行js文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • python matplotlib绘图过程中设置线条颜色实战举例

    python matplotlib绘图过程中设置线条颜色实战举例

    Matplotlib是一个用于数据可视化和创建交互式图表的Python库,下面这篇文章主要给大家介绍了关于python matplotlib绘图过程中设置线条颜色的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决

    Python3下错误AttributeError: ‘dict’ object has no attribute’ite

    这篇文章主要跟大家介绍了关于在Python3下错误AttributeError: 'dict' object has no attribute 'iteritems'的分析与解决方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • Python GUI编程完整示例

    Python GUI编程完整示例

    这篇文章主要介绍了Python GUI编程,结合完整示例形式分析了Python基于tkinter模块的GUI图形界面编程相关实现技巧,需要的朋友可以参考下
    2019-04-04
  • Python实现控制台输入密码的方法

    Python实现控制台输入密码的方法

    这篇文章主要介绍了Python实现控制台输入密码的方法,实例对比分析了几种输入密码的方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-05-05
  • python 的numpy库中的mean()函数用法介绍

    python 的numpy库中的mean()函数用法介绍

    这篇文章主要介绍了python 的numpy库中的mean()函数用法介绍,具有很好对参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • python opencv实现图像边缘检测

    python opencv实现图像边缘检测

    这篇文章主要为大家详细介绍了python opencv实现图像边缘检测,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • python中的TCP(传输控制协议)用法实例分析

    python中的TCP(传输控制协议)用法实例分析

    这篇文章主要介绍了python中的TCP(传输控制协议)用法,结合完整实例形式分析了Python基于TCP协议的服务器端与客户端相关实现技巧及操作注意事项,需要的朋友可以参考下
    2019-11-11
  • python如何通过正则匹配指定字符开头与结束提取中间内容

    python如何通过正则匹配指定字符开头与结束提取中间内容

    这篇文章主要介绍了python通过正则匹配指定字符开头与结束提取中间内容的操作方法,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-02-02
  • Python+Kepler.gl轻松制作酷炫路径动画的实现示例

    Python+Kepler.gl轻松制作酷炫路径动画的实现示例

    这篇文章主要介绍了Python+Kepler.gl轻松制作酷炫路径动画的实,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧现示例
    2020-06-06
  • Django使用Celery异步任务队列的使用

    Django使用Celery异步任务队列的使用

    这篇文章主要介绍了Django使用Celery异步任务队列的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03

最新评论