node js 怎么搭配vscode使用

发布网友 发布时间：2022-04-22 21:59

我来回答

共1个回答

热心网友 时间：2022-04-23 00:39

简介

Node.js是一个帮助开发应用的JavaScript运行平台, 它快速且灵活

NPM是一个Node.js模块的包管理程序

VS Code 支持JavaScript 和TypeScript语言--以及 Node.js 及时调试, 要想运行一个Node.js应用, 你需要安装Node.js的运行时环境

操作系统: OS X 10.11.6
版本:
VS Code  1.4
node 6.2.2
code 1.4.0
tsc 1.8.10
npm 3.9.5

VS Code 提供了一个 code 命令，用来在 shell 环境下调用编辑器。使用快捷键 ⇧TP（或 F1） 唤起命令面板，输入以下命令即可完成安装。

mkdir Hello
cd Hello
code .


您可以直接从命令行打开文件或文件夹。这里 '.' 是指到当前文件夹，因此 VS Code将启动并打开当前文件夹。

代码提示

通过tsd或者typings这两个工具安装（两个工具的作者是同一个人，目前tsd已经废弃了）。

tsd 和 typings 用法:

tsd:

//全局安装
npm install tsd -g


typings:

//全局安装
npm install typings -g


如果你的电脑上没有安装TypeScript Compiler的话，是无法使用tsc这个指令的。要安装也很简单

npm install  typescript -g


node express、lodash等的自动补全

typings install dt~node --global
typings install dt~express --global
typings install dt~lodash --global

//vscode官方文档上express的typings使用的是
typings install dt~express dt~serve-static dt~express-serve-static-core --global


其中”dt~”为使用DefinitelyTyped类型定义的意思，vscode可以识别这种定义。

配置jsconfig.json

在使用typings之前，需要在vscode里面配置一下名为jsconfig.json的文件, VS Code通过这个文件找到自动补全文件。配置方法很简单，随便选中一个js文件，vscode右下角会弹出一个绿色的小灯泡，如图所示：

创建package.json

package.json 文件就是定义了项目的各种元信息，包括项目的名称，git repo 的地址，作者等等。最重要的是，其中定义了我们项目的依赖，这样这个项目在部署时，我们就不必将 node_moles
目录也上传到服务器，服务器在拿到我们的项目时，只需要执行 npm install
，则 npm 会自动读取 package.json 中的依赖并安装在项目的 node_moles
下面，然后程序就可以在服务器上跑起来了。

npm init


如果只是测试项目或者练习用，没有仓库地址

只需在package.json里面做如下配置即可:

{
   ...
   "private": true,
   ...
}


以这种方式把项目声明为私有，这样npm就不会再提示配置repository及readme了

否则会遇到这个错误

npm WARN package.json xxx@0.0.0 No repository field.
npm WARN package.json xxx@0.0.0 No README data


需要配置仓库路径

{
   ...
   "repository": {
       "type": "git",
       "url": "http://github.com/yourname/repositoryname.git"
   },
   ...
}


配置完成后就可以随意安装模块了

npm install utility express lodash --save


--save 的作用，就是会在你安装依赖的同时，自动把这些依赖写入 package.json。命令执行完成之后，查看 package.json，会发现多了一个 dependencies
字段

运行

VS Code内置调试器支持调试Node.js运行时，同时也可以调试JavaScript、TypeScript以及其他JS转译语言。
点击

图标来到调试界面

单击调试视图顶部栏中的齿轮图标，并选择好调试环境，VS Code会在.vscode目录下为你生成一份launch.json。

来看launch.json

这里的program 设置的是启动文件, index.js

此时回到文件界面, 按 F5 就可以运行了