一、前言

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

所以需要進行兩步操作

安裝本地node.js

在pycharm安裝node.js插件

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

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

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

https://nodejs.cn/download/

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

2、在本地安裝node.js

雙擊安裝包，點擊next

同意條款，點擊next

自定義安裝位置，點擊next

點擊next

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

直接點擊install，等待下載完成即可

點擊finish

3、環(huán)境配置

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

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

打開環(huán)境變量

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

4、驗證是否安裝成功

win+r進入cmd

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

node -v

輸入npm -v查看版本

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

npm -v

結(jié)果如下

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

先查看一下npm的位置

# 全局
npm get prefix
# 默認緩存
npm get cache

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

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

見名知意

node_global
node_cache

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

接著就開始修改默認路徑了

# 首先修改全局模塊到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)境變量中進行配置，重復步驟三【環(huán)境配置的操作】

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

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

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

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

# 變量名
NODE_PATH

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

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

# 把之前的變量名添加進入
%NODE_PATH%

7、測試一下是否修改成功(要進入管理員模式的cmd 不然可能會報錯)

# 這里以安裝express模塊為例
# cmd要進入管理員模式的cmd 不然可能會報錯
# -g 表示全局安裝
npm install express -g

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

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

# 操作都是在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中執(zhí)行js代碼

代碼如下

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

運行結(jié)果

四、總結(jié)

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

最新評論