首页>>前端>>Node->vscode如何安装nodejs(vscode如何安装python第三方库)

vscode如何安装nodejs(vscode如何安装python第三方库)

时间:2023-11-30 本站 点击:0

node.js是怎么安装的?

node.js如何安装。首先去node.js的官网,找到槐或携nodejs的团滑下载页,下载适合你电脑操作系统的nodejs,铅伏然后按照上面的步骤安装,以及在编辑器中进行相关的一些配置,然后就可以利用nodejs进行代码编辑了。

如何安装配置 nodejs环境

win系统下nodejs安装及环境配置

第一步:下载安装文件

下载nodejs,官网:我这里下载的是node-v0.10.28-x86.msi,

第二步:安装nodejs

下载完成之后,双击"郑卖旅node-v0.10.28-x86.msi",开始安装nodejs,自定义安装在D:\dev\nodejs下面。

在cmd控制台输入:node -v,控制台将打印出:v0.10.28,出现版本提示表示安装成功。

该引导步骤会将node.exe文件安装到D:\dev\nodejs\目录下,并将该目录添加进PATH环境变量。

第三步:npm安装

由于新版的nodejs已经集成了npm,所以之前npm也一并配碰安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,喊凳出现版本提示表示安装成功。

如何在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文件的智能提示。(我测试时无此配置也会有智能提示,不清楚什么原因)

在VScode中npm,cnpm,vue提示无法识别

先是两张报错的信息

原本是提示 vue无法识别,但是通过一顿自己都忘记了的操作之后变成了缺少组件,但是后面的方法对无法识别是适用的

图二的解决方案网上提供的方法有两种

一种是通过终端输入 npm/cnpm install commander 对缺少的组件安装

另一种是通过终端输入 vue init webpack 进行初始化

如果两种方法都不行,就是跟第一种情况一样是路径的问题了

然而,路径问题也要注意有两个

首先是去我们的环境变量的 Path 里查看我们的路径是不是对应 nodejs 安装时选择的路径,如果没有就加上去

这是网上提供的第一个方法,只要是路径设置好了,基本上是可以使用的。但是如果进到 VS Code 之后发现 npm 指令不能使用,那么就要通过设置 VS Code 的兼容性来解决

通过上面几个步骤基本上就可以解决 VS Code 不能使用 node、npm 的问题

接下来就是 cnpm、vue-cli 等全局运尺安装之后无法使用的问题

全局安装cnpm: npm install -g cnpm --registry==

全局安装vue-cli: cnpm/npm install -g vue-cli

顺序执行了两个指令之后,使用 cnpm 安装 vue脚手架,提示 cnpm 无法识别,就算使用 npm 安装 vue-cli 成功之后,输入 vue 指令也会提示无法识别(黑人问号问号问号问号...)

于是观察一下安装过程,在进行全局安装 vue脚手架以及在安装 cnpm 的时候很容易会发现一个路径,这个就是你安装的一个路径,相信有人会跟我一样,安装的路径和 nodejs 的安装路径不一致

注意:这个是安装 vue-cli(脚手架)出现的提示信息,是已明弯经安装成功的,但是我在使用的时候提示不是内部或外部指令。cnpm安装的时候也会有类似的显眼的路径信息,这里就不放出来,自己注意找一下就行

解决方法

通过终端输入 npm config ls 查看配置信息

prefix 是安装路径,这个时候会发现这个路径并不是你安装 nodejs 的路径,所以我们需要修改这个安装路径

终端输入 npm config set prefix ( nodejs 的安装路径)

再次终端输入 npm config ls 查看配置信息,就修改成功了

最后再重新进行全局安装 cnpm 和 vue-cli 就可以进行使用了

总结起来就是:

1、环境变量中 Path 中的路经检查是否正确,如果没有就添加上去

2、若1满足,则对 VS Code 兼容性进行修改

3、cnpm 或 vue 还是不能使用的话,考虑安装路径问题,终端输入 npm config ls 进行配置信息查看,检查是否正确。若不正确,终端输入 npm config set prefix ( nodejs 的安装路径) 进行修改;若正确激悄闷,emmmmmmmmmmm,那就说明这篇笔记不是很适合你的错误哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

好嘞,记录完毕【伸懒腰】

vscode 怎样在不重启的情况下调试nodejs

在 D:\NodeJS\npmjs文件夹下打开命缺配液令行工具 执行 node install npm -gf (当我做这一步时,提醒我版本不对伏物卖则,应该用0.4、0.5、0.6版,

所以我换成了0.6版的node.exe, 这样就安装好nmp了)

执行 npm -v 查看版本,验证是否成功安装。

vscode下搭建Typescript编译环境

Typescript 是微软开发的一个JavaScript的超级。著名前端框架的Angular和HTML5游戏引擎Egret等都选择了Typescript作为编写语言。“工欲善其事,必先利其器”,在学习Typescript语言之前必须要有一个良好的开发环境。这里笔者选择了轻量的Visual Studio Code,此工具具有轻量、跨平台、插件丰富等特点,是一款非常优秀的开发工具。

1、首先需要安装Nodejs,安装过程网上很容易搜到,在此不再介绍。安装完成后,在命令窗口输入

2、安装枣老誉typescript模块

安装完成含首后,可以查看typescript模块的版本号

3、创建项目目录,在命令窗口中进入该项目目录,创建tsconfig.json。例如项目地址是D:\test\ts。

在项目目录下会生成一个tsconfig.json文件

里面有很多配置项,大家可以凳段根据各自的需要来定制。本文用的示例配置如下,

新建tscript、js文件夹,分别用作存放typescript、javascript文件。

4、测试编译

在Visual studio code中打开ts目录,在tscript目录中新建test.ts文件。

然后点击菜单中的Tasks-Run Task。

之后会出现tsc:build 、tsc:watch两个选项

其中tsc:build选项是用于一次编译。tsc:watch选项可以监测ts文件的改动,可以进行实时编译,非常方便。经过编译后的文件会存放在之前配置好的js文件目录下。

如此就可以进行Typescript之旅了。~~


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Node/4224.html