vscodenode(vscodenodejs插件安装)

nodejs和vscode是什么关系?

Visual Studio Code is a lightweight but powerful source code editor

which runs on your desktop and is available for Windows, macOS and

Linux.Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

由这两段话,很清楚地表明了各自的身份,VSCode是editor, NodeJS是runtime;

如何在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写node.js代码,出现如下问题,请问如何处理?

直接从Error中能看到的东西

`Error: write after end`, 在end之後write

`d:\www\node\node_1\node_1.js:9:14`, 这是你的代码中与错误相关的部分

然後就是经验的部分了

你的错误是产生于在res.end()之後又res.write(), 属於逻辑上的问题. 你需要把9:14的res.write或者把前面的res.end删去来解决. 从根源上来讲, 你还需要理顺write和end到底是在干什麼, 以及它们之间的关系.

vscode中node.js开发和扩展开发的区别

1.智能感知

vscode使用DefinitelyTyped进行自动完成所以需要先安装tsd,命令:

npm install -g tsd

安装完成后,首先安装node基本语法支持

tsd query node --action install

然后根据使用的modules安装,相应的支持,例如express的

tsd query express --action install

具体的包可以到这里查询:

安装完毕后会在项目的目录中新建typings目录,里面保存相应的包。

2.启动项目

vscode会根据launch.json来进行项目的启动,通过launch.json配置,不仅可以进行nodejs的项目启动,还可以进行其他代码的启动,包括php等,php的我会在下篇文章介绍,这里需要注意的是launch.json,是存放在.vscode目录内的不要搞错。

3.代码调试

首先要点击vscode右侧的debug标签,找不到的按ctrl-shift-E,或者直接按F5,启动调试,这样就可一开始调试跟踪了。编辑器的右侧会有debug的console可以查看输出,左侧的变量监控做的也非常不错。

最后小技巧:快速打开项目

由于vscode没有项目的sln文件,所打开项目比较麻烦(其实不麻烦,我比较懒),这里介绍一个简单的方法

新建一个bat文件start-ide.bat(名字不要与系统命令重复例如cmd,start,否则就无限循环了),内容如下:

start code .

这样点击这个bat文件会打开2个窗口,一个目录是项目根目录的cmd窗口可以方便的输入命令、一个打开项目根目录的vscode的编辑器,这样就可以愉快的开始玩耍了。

另外:mongo-express管理mongodb还不错,找不到好的管理工具的可以试试。

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需要装的东西)

361知讯网

本文链接:http://pdidw.com/vs/733.html

发表评论

评论列表

还没有评论,快来说点什么吧~