vscode配置nodejs环境变量(vs code nodejs配置)

http://www.itjxue.com  2023-03-28 12:37  来源:未知  点击次数: 

vscode怎么安装node.js

vscode不能安装node.js

一、安装步骤

下载对应你系统的Node.js版本:

选安装目录进行安装(这里可以自定义安装位置)

环境变量配置以及测试

二、具体过程

1.下载软件,我下载的是.msi文件,需要安装,一直next就可以了,如果需要更改安装位置的话,可以自己更改;如果下载的是zip压缩包,只需要将其解压放置在你想要放置的文件夹中(一直下一步就行了)

2.安装完成之后,可以进行简单的测试 安装是否成功。在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口。两个命令:node_vnpm_v(新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西)

怎么配置node.js环境变量

首先下载源码:Node.js安装包及源码下载地址为:

如果是Linux系统则不需要下载源码,直接在终端行调用。

注意:Linux上安装Node.js需要安装Python 2.6 或 2.7 ,不建议安装Python 3.0以上版本。

下载了安装包并安装成功以后,可以打开CMD,如果是win7以上系统建议,使用管理员命令运行,在CMD中,输入命令"path",输出如下结果:

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32;

C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;

c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib;

C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\;

C:\Users\rg\AppData\Roaming\npm

则说明安装成功。

如果没有安装成功则应该这样添加,

计算机(或者我的电脑)右击属性-》高级系统设置-》环境变量。

新建一个用户变量。

变量名:NODE_PATH

值:C:\Program Files\nodejs\node_modules

注意:值为nodejs安装目录

nodejs安装及环境配置

nodejs安装及环境配置如下:

操作设备:戴尔笔记本电脑

操作系统:win10

操作程序:百度浏览器v8.21

1、首先在电脑中打开百度,搜索node,再点击官网。

2、在下载页面中选择一个版本进行下载,下载后是一个.msi文件。

3、下载的.msi文件,双击这个msi文件就会进入安装界面。

4、安装成功后,右击我的电脑点击属性再点击高级系统设置。

5、在配置界面的下方有个环境变量,点击环境变量。

6、用户变量中设置 NODE_PATH:nodejs自己的安装位置。

7、系统变量中在path中加入:nodejs自己的安装位置,一直点确定,即可安装完成。

配置nodeJs系统环境变量

????nodeJs系统环境变量配置非常简单,请依次打开windows电脑的计算机-系统属性中的高级系统设置,点击环境变量按钮,为用户变量添加名为 NODE_PATH 的环境变量,点击新建按钮,依次输入环境变量名:NODE_PATH 和输入值即nodejs的本地安装目录,配置完之后点击确定。重新打开dos界面,输入:node -v验证nodeJs环境变量是否配置成功。

如何在vscode中使用nodejs

一、使用Express创建项目[这两步都在dos 模式下执行]

1,安装全局的Express!(已安装请忽略)

npm install -g express

2,创建项目

创建项目(创建文件夹名称ExpressApp)

express ExpressApp

小插曲:如果你习惯了Linux下的环境,你可以在自己电脑上安装cmder(不知道是什么东西,请自行百度),这个命令行工具排版漂亮,不像微软的dos 那么枯燥!我用的是Mini版本,如果你想体验linux下的全部功能,可以下载full版本。

3,下载第三方包

(1)cmd命令行切换到项目目录

cd d:\nodejs\ExpressApp

(2)根据需要编辑package.json,运行如下指令安装第三方包

npm install

在项目目录下node_modules可见安装好的第三方包

ExpressApp

|– node_modules

(3)运行项目

npm start

输出如下:

ExpressApp@0.0.0 start d:\Nodejs_Workspace\ExpressApp

node ./bin/www

注:npm start指令会自动执行node ./bin/www

在浏览器中输入,可访问Express欢迎页面

二、使用VSCode开发Nodejs

1、VSCode打开Nodejs

code d:\nodejs\ExpressAppcode.

注:在当前项目下创建ExpressApp.bat,输入“code .”即可,下次直接此文件直接使用VSCode打开Nodejs项目

2、添加智能提示

VSCode打开Nodejs项目,默认是没有智能提示。

(1)使用TypeScript Definition Manager(TSD)在项目中下载所需的tsd文件,VSCode中打开时有智能

全局安装tsd(如已安装忽略)

npm install -g tsd

下载所需的组件提示(以下载node、express、requirejs提示为例)

tsd query node --action installtsd query express --action installtsd install require

注:

①多个提示组件在query参数后可以空格分隔简写为tsd query node express –action install

②组件会项目目录下添加typings文件夹

|– typings

|– node

|– express

|– require

(2)添加js文件引用的智能提示

假如在文件引用另外一个文件common.js时,文件头添加如下

{ // See // for the documentation about the jsconfig.json format "compilerOptions": { "target": "es6", "module": "commonjs", "allowSyntheticDefaultImports": true }, "exclude": [ "node_modules", "bower_components", "jspm_packages", "tmp", "temp" ]}

(小提示,如果你引入了rquire,那么你的编辑器右下方会显示一个“灯泡”的提示,你只要点灯泡就不用自己苦逼的写这个配置文件了)

此配置表示代码服从ES5标准并使用commonjs规范,发VScode下有此配置之后,可以实现在文件中对require引用js文件的智能提示。(我测试时无此配置也会有智能提示,不清楚什么原因)

(责任编辑:IT教学网)

更多

推荐其他WEB语言文章