当前位置:   article > 正文

在pycharm中运行js文件,附加node.js下载步骤_pycharm运行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
  • 1

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

npm -v
  • 1

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

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

先查看一下npm的位置

# 全局
npm get prefix
# 默认缓存
npm get cache
  • 1
  • 2
  • 3
  • 4

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

node_global
node_cache
  • 1
  • 2

在这里插入图片描述

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

# 首先修改全局模块到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"
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

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

在这里插入图片描述

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

6、设置默认模块包

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

# 变量名
NODE_PATH

# 变量值 就是node_global下node_modules的路径
D:\download\Nodejs\node_global\node_modules
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

在这里插入图片描述

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

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

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

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

# 操作都是在cmd中完成的
# 首先先看一下当前镜像(默认是国外的镜像)
npm config get registry

# 然后修改全局镜像源(这里修改的淘宝的镜像源)
npm config set registry https://registry.npm.taobao.org

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

在这里插入图片描述

# 然后安装cnpm测试一下
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 查看一下是否安装成功
cnpm -v
  • 1
  • 2
  • 3
  • 4
  • 5

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

三、pycharm中安装node.js插件

终于回到主题上来了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/103012
推荐阅读
相关标签