Question

node js 怎么搭配vscode使用

Answer 1

简介

• 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 环境下调用编辑器。使用快捷键 ⇧⌘P（或 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_modules
目录也上传到服务器，服务器在拿到我们的项目时，只需要执行 npm install
，则 npm 会自动读取 package.json 中的依赖并安装在项目的 node_modules
下面，然后程序就可以在服务器上跑起来了。

• 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 就可以运行了