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

这篇具有很好参考价值的文章主要介绍了在pycharm中运行js文件,附加node.js下载步骤。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、前言

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

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

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

1、进入官网下载安装包

点击进入node.js官网进行下载
https://nodejs.cn/download/
根据自己的电脑配置选择适合自己电脑的即可~
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js

2、在本地安装node.js

双击安装包,点击next
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
同意条款,点击next
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
自定义安装位置,点击next
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
点击next
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
对于小白的我来说,我是默认的没有勾选,直接下一步
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
直接点击install,等待下载完成即可
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
点击finish
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js

3、环境配置

右击【此电脑】,点击属性,找到【高级系统设置】,并点击
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
也可以从【设置】—>【系统信息】中找到【高级系统设置】,并点击
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
打开环境变量
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
在环境变量中添加node.js的路径
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js

4、验证是否安装成功

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

node -v

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

npm -v

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

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

先查看一下npm的位置

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

默认都是存放在c盘的,我的c盘估计是吃不消的,要改到d盘(哭)
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
首先在note.js安装目录下创建两个新的文件夹
见名知意

node_global
node_cache

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

创建过程中可能会出现这种情况,直接点继续就行
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
接着就开始修改默认路径了

# 首先修改全局模块到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"

修改之后
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
然后再去环境变量中进行配置,重复步骤三【环境配置的操作】

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

然后将全局模块的信息添加到用户变量的path中
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js

6、设置默认模块包

首先在node_global中创建一个新文件夹node_modules
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
然后再次进入环境变量中

# 变量名
NODE_PATH

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

在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
然后再次进入系统变量的path中

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

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

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

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

在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
安装node.js的文件夹的安全最好都打上对号
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js

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

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

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

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

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

# 查看一下是否安装成功
cnpm -v

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

三、pycharm中安装node.js插件

终于回到主题上来了😭
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
然后把这些插件都下载了,重启pycharm
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js
然后添加node.exe
在pycharm中运行js文件,附加node.js下载步骤,pycharm,javascript,node.js

pycharm中执行js代码

代码如下

document = {cookie: '82年苏打'}

// 定义一个函数用来封装和获取cookie
function getCookie() {

    return document.cookie

}

console.log(document.cookie)

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

四、总结

这次的总结如下:
啊啊啊!!!写笔记真的好累啊😱😱😱文章来源地址https://www.toymoban.com/news/detail-723954.html

到了这里,关于在pycharm中运行js文件,附加node.js下载步骤的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前后端交互系统:在Node.js中运行JavaScript

    在Node.js中运行JavaScript,您需要编写适用于服务器端的代码,而不是浏览器端的代码。以下是一些示例代码,用于在Node.js中创建一个简单的HTTP服务器并在浏览器中访问它: 将上述代码保存到一个名为main.js的文件中,然后在命令行中运行 node .main.js。这将创建一个简单的HTT

    2024年02月08日
    浏览(37)
  • Node.js和浏览器在JavaScript运行环境方面存在一些区别和联系

    Node.js和浏览器在JavaScript运行环境方面确实存在一些区别和联系。 首先,让我们理解一下Node.js和浏览器的运行环境。Node.js是一个基于Chrome的V8引擎的服务器端JavaScript运行环境,允许开发者在服务器端运行JavaScript代码,并且提供了一系列的内置模块,如fs模块用于文件系统操

    2024年03月14日
    浏览(45)
  • Node.js npm V8 React Express的运行配合关系:构建JavaScript应用的基石

    目录 Node.js 和 V8 引擎 Node.js 和 npm LTS(Long Term Support) React Node.js的作用 Express Node.js 和 V8 引擎 Node.js 使用 Google 的 V8 JavaScript 引擎 来执行 JavaScript 代码。V8 是一个高性能的 JavaScript 和 WebAssembly 引擎,用于在 Google Chrome 浏览器和 Node.js 中运行 JavaScript。 V8 引擎的更新 通常包括

    2024年03月12日
    浏览(53)
  • node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

    目录 一、概述 二、操作步骤 (一)下载node.js (二) 安装node.js (三)查看环境变量 (四)查看版本信息 (五)新建全局下载包和缓存包位置 (六)配置环境变量 (七)安装express(内嵌http模块) 安装成功 安装失败 解决办法一(最好的办法)  解决办法二(其次) (八

    2024年02月09日
    浏览(68)
  • 记录一下,C#运行nodejs调用js文件提示报错:Error: node:internal/modules/cjs/loader:1080

    个人记录一下,C#运行nodejs调用js文件提示报错: 报错提示信息: Error: node:internal/modules/cjs/loader:1080 throw err;   ^  Error: Cannot find module \\\'F:鎴戠殑....................” .....................下面还有很多报错内容 还有英文提示模块未找到的提示。 我另一个文件运行没报错,运行正常有

    2024年02月11日
    浏览(145)
  • python和pycharm下载安装步骤

    (此处以python3.7和pcharm2020.2.5为例) 1)首先在浏览器上找到python的官网,点击进入 快捷链接:Python中文网 官网 (p2hp.com) 2)点击页面中的下载 3)在此页面的 寻找特定版本 里找到自己所需要的版本 如果找不到可以使用浏览器中的查找方法,按住键盘的 ctrl+F 弹出查找框,在

    2024年02月15日
    浏览(45)
  • pycharm的下载讲解以及安装步骤

    目录 Python安装 这时,有人要问了,下载pycharm一定要下载Python么? Python官网 Pycharm安装

    2024年01月16日
    浏览(59)
  • pycharm社区版安装node.js插件方法

    pycharm专业版的插件库才有node.js,pycharm社区版下载node.js插件离线安装解决 查看pycharm内部版本: pycharm/帮助/关于    中查看内部版本号,如下211.7142.13   node.js插件下载地址: Node.js - IntelliJ IDEs Plugin | Marketplace https://plugins.jetbrains.com/plugin/6098-node-js/versions/stable 选择版本不大于

    2024年02月07日
    浏览(34)
  • 升级 Node.js 版本的步骤

    node 已经成为前端开发,分不开的工具了,但node的使用除了npm i 等命令,还是有很多不清楚,不常用的。 特别是新手,可能经常遇到这样的问题, 问题一:明明我的命令是按照前端教的输入的,为什么启动不了我的项目? 问题二:我要负责好几个项目,并且他们使用的nod

    2024年02月06日
    浏览(40)
  • 学习Node.js需要哪些JavaScript知识

    Lexical Structure ( 词法 ) JavaScript 的词法(lexical grammar)。ECMAScript 源码文本会被从左到右扫描 ,并被转换为一系列的输入元素,包括 token、控制符、行终止符、注释和空白符。ECMAScript 定义了一些、字面量以及行尾分号补全的规则。 Expressions ( 表达式 ) JavaScript 中的

    2024年02月03日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包