您的位置:

vscode怎么编译运行js代码(vscode如何运行js)

vscode怎么编译运行js代码(vscode如何运行js)

更新:

本文目录一览:

vscode怎么运行javascript

1、直接按F5可以调试的方法或者点击运行按钮(可以直接运行html文件或者js文件)

在launch.json文件中的配置如下:

{

"version": "0.2.0",

"configurations": [{

"name": "谷歌浏览器", //运行html文件,用谷歌浏览器打开

"type": "chrome",

"request": "launch",

"url": "${file}",

"sourceMaps": true,

"webRoot": "${workspaceRoot}"

},

{

"name": "nodeLauch", //单独调试js,即可以直接运行js

"type": "node",

"request": "launch",

"program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件

"stopOnEntry": false,

"args": [],

"cwd": "${workspaceRoot}",

"runtimeExecutable": null,

"runtimeArgs": [

"--nolazy"

],

"env": {

"NODE_ENV": "development"

},

"console": "internalConsole",

"preLaunchTask": "",

"sourceMaps": false,

"outDir": null

}

]

}

2、第二种方法 Ctrl+Shift+B 快捷键运行html文件,在Tasks.json中配置如下:

{

"version": "0.1.0",

"command": "",

"isShellCommand": false,

"args": ["${file}"],

"showOutput": "always",

"windows": {

"command": "C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"

},

"tasks": [{

"taskName": "webserver",

"isBuildCommand": true,

"showOutput": "always"

}]

}

3、如果第二种方法,不想每次都按这个快捷键,请参考npm配置node服务方法:

如何在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怎么运行代码

1、通过快捷方式打开Visual Studio Code工具,然后新建静态页面。

2、创建一个静态页面table.html,并添加页面代码,然后保存,使用浏览器查看。

3、点击File菜单,选择Open Folder,将项目导入到Visual Studio Code。

4、导入进去后,查看项目所依赖的包是否安装,项目配置文件。

5、新建一个终端窗口,在命令行输入npm run dev运行项目。

6、再点击File,然后新建一个TypeScript文件ct.ts,添加对应的代码。

7、打开一个终端窗口,查看是否安装TypeScript插件,利用tsc命令运行文件。

Visual Studio Code Mac怎么运行JavaScript

vscode使用task.json来配置项目的构建过程。 打开命令面板(Ctrl+Shift+P)选择Run Build Task(Ctrl+Shift+B) 如果当前工作空间没有task.json配置文件此时会出现提示 选择 Configure Task Runner 自动创建task.json

VScode如何逐步运行调试javaScript?

nodejs 直接F5选择nodejs启动调试,网页的js直接使用Chrome自带的开发者工具(快捷键F12)调试。

调试期间F5整体运行(浏览器F8),F10单步调试,F11逐步调试(进方法内部)

vscode怎么编译运行js代码(vscode如何运行js)

本文目录一览: 1、vscode怎么运行javascript 2、如何在vscode中使用nodejs 3、vscode怎么运行代码 4、Visual Studio Code Mac怎么运行JavaS

2023-12-08
vscode美化js代码(代码编辑器vscode)

本文目录一览: 1、vscode基本代码 2、vscode中 输入js语句,颜色是白色的? 3、vscode怎么格式化js中的json数据? vscode基本代码 在命令行输入 npm -v 出现了n

2023-12-08
vscode运行不出来,vscode运行不出来

2022-11-22
VSCode中运行JavaScript代码详解

2023-05-20
vscodejs没有代码,vscode写js没有提示

2022-11-23
vscode开发php项目(vscode如何运行php代码)

2022-11-14
vscode运行php代码,vscode php debug

2023-01-05
vscodenodejs调试(vscode调试js代码)

本文目录一览: 1、vscode 怎样在不重启的情况下调试nodejs 2、VScode如何逐步运行调试javaScript? 3、[Node] 如何使用 VSCode 调试 child_proces

2023-12-08
怎样运行js代码在,js代码在浏览器怎么运行的

本文目录一览: 1、请问怎么写java调用node环境运行js代码? 2、如何执行javascript代码 3、JS脚本怎么运行? 4、如何让浏览器运行javascript代码的? 请问怎么写java

2023-12-08
vscode最新版配置php,vscode配置教程

2023-01-06
Vscode如何运行HTML文件

2023-05-17
js代码直接运行(js文件直接运行)

本文目录一览: 1、Ubuntu系统下怎么让js文件直接执行 2、JS脚本怎么运行? 3、js文件怎么运行 4、如何让网页打开就运行JS代码,不用onclick 5、如何让浏览器运行javascrip

2023-12-08
关于php学习之vscode的信息

2022-12-02
vscode如何格式化代码

2023-05-17
js运行代码教程,运行js脚本

2022-11-23
vscode调试nodejs打断点,vscode断点调试vu

2022-11-23
jsrun在线代码运行接口(JS在线运行)

本文目录一览: 1、js文件怎么运行 2、js调用短网址接口代码 3、JS run()和run不是一样的吗,为什么不能用run()? 4、JS脚本怎么运行? 5、JS怎么调用API接口 6、js代码中

2023-12-08
网页js运行命令,网页js运行命令怎么用

2022-11-22
vscode运行vue项目详细指南

2023-05-23
VSCode代码补全插件全面解析

2023-05-18