一、前言

當(dāng)我在運(yùn)行pycharm中運(yùn)行js文件時(shí)突然發(fā)現(xiàn)我還沒有安裝node.js

所以需要進(jìn)行兩步操作

安裝本地node.js

在pycharm安裝node.js插件

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

1、進(jìn)入官網(wǎng)下載安裝包

點(diǎn)擊進(jìn)入node.js官網(wǎng)進(jìn)行下載

https://nodejs.cn/download/

根據(jù)自己的電腦配置選擇適合自己電腦的即可~

2、在本地安裝node.js

雙擊安裝包，點(diǎn)擊next

同意條款，點(diǎn)擊next

自定義安裝位置，點(diǎn)擊next

點(diǎn)擊next

對于小白的我來說，我是默認(rèn)的沒有勾選，直接下一步

直接點(diǎn)擊install，等待下載完成即可

點(diǎn)擊finish

3、環(huán)境配置

右擊【此電腦】，點(diǎn)擊屬性，找到【高級系統(tǒng)設(shè)置】，并點(diǎn)擊

也可以從【設(shè)置】—>【系統(tǒng)信息】中找到【高級系統(tǒng)設(shè)置】，并點(diǎn)擊

打開環(huán)境變量

在環(huán)境變量中添加node.js的路徑

4、驗(yàn)證是否安裝成功

win+r進(jìn)入cmd

輸入node -v查看node.js版本

node -v

輸入npm -v查看版本

[npm 就是一個(gè)管理（下載安裝、卸載…）第三方模塊的工具，安裝時(shí)自帶的]

npm -v

結(jié)果如下

5、修改下載位置(默認(rèn)是在c盤，這個(gè)根據(jù)個(gè)人需求)

先查看一下npm的位置

# 全局
npm get prefix
# 默認(rèn)緩存
npm get cache

默認(rèn)都是存放在c盤的，我的c盤估計(jì)是吃不消的，要改到d盤(哭）

首先在note.js安裝目錄下創(chuàng)建兩個(gè)新的文件夾

見名知意

node_global
node_cache

創(chuàng)建過程中可能會出現(xiàn)這種情況，直接點(diǎn)繼續(xù)就行

接著就開始修改默認(rèn)路徑了

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

修改之后

然后再去環(huán)境變量中進(jìn)行配置，重復(fù)步驟三【環(huán)境配置的操作】

然后將全局模塊的信息添加到用戶變量的path中

6、設(shè)置默認(rèn)模塊包

首先在node_global中創(chuàng)建一個(gè)新文件夾node_modules

然后再次進(jìn)入環(huán)境變量中

# 變量名
NODE_PATH

# 變量值 就是node_global下node_modules的路徑
D:\download\Nodejs\node_global\node_modules

然后再次進(jìn)入系統(tǒng)變量的path中

# 把之前的變量名添加進(jìn)入
%NODE_PATH%

7、測試一下是否修改成功(要進(jìn)入管理員模式的cmd 不然可能會報(bào)錯(cuò))

# 這里以安裝express模塊為例
# cmd要進(jìn)入管理員模式的cmd 不然可能會報(bào)錯(cuò)
# -g 表示全局安裝
npm install express -g

安裝node.js的文件夾的安全最好都打上對號

8、設(shè)置鏡像(第七步的模塊下載還是比較慢的)

# 操作都是在cmd中完成的
# 首先先看一下當(dāng)前鏡像(默認(rèn)是國外的鏡像)
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中執(zhí)行js代碼

代碼如下

document = {cookie: '82年蘇打'}
// 定義一個(gè)函數(shù)用來封裝和獲取cookie
function getCookie() {
    return document.cookie
}
console.log(document.cookie)

運(yùn)行結(jié)果

四、總結(jié)

到此這篇關(guān)于在pycharm中運(yùn)行js文件以及附加node.js下載步驟的文章就介紹到這了,更多相關(guān)pycharm運(yùn)行js文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論