㈠ 我使用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怎麼運行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服務方法:
http://stackoverflow.com/questions/30039512/how-to-view-my-html-code-in-browser-with-visual-studio-code
㈢ 如何在vscode中使用nodejs
一、使用Express創建項目[這兩步都在dos 模式下執行]1,安裝全局的Express!(已安裝請忽略)npm install -g express2,創建項目創建項目(創建文件夾名稱ExpressApp) express ExpressApp小插曲:如果你習慣了linux下的環境,你可以在自己電腦上安裝cmder(不知道是什麼東西,請自行網路),這個命令行工具排版漂亮,不像微軟的dos 那麼枯燥!我用的是Mini版本,如果你想體驗linux下的全部功能,可以下載full版本。 3,下載第三方包 (1)cmd命令行切換到項目目錄cd d:\nodejs\ExpressApp(2)根據需要編輯package.json,運行如下指令安裝第三方包npm install 在項目目錄下node_moles可見安裝好的第三方包 ExpressApp |– node_moles (3)運行項目 npm start輸出如下:[email protected] start d:\Nodejs_Workspace\ExpressApp node ./bin/www 註:npm start指令會自動執行node ./bin/www在瀏覽器中輸入http://localhost:3000,可訪問Express歡迎頁面二、使用VSCode開發Nodejs 1、VSCode打開Nodejscode 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 https://go.microsoft.com/fwlink/?LinkId=759670 // for the documentation about the jsconfig.json format "compilerOptions": { "target": "es6", "mole": "commonjs", "allowSyntheticDefaultImports": true }, "exclude": [ "node_moles", "bower_components", "jspm_packages", "tmp", "temp" ]}(小提示,如果你引入了rquire,那麼你的編輯器右下方會顯示一個「燈泡」的提示,你只要點燈泡就不用自己苦逼的寫這個配置文件了)此配置表示代碼服從ES5標准並使用commonjs規范,發VScode下有此配置之後,可以實現在文件中對require引用js文件的智能提示。(我測試時無此配置也會有智能提示,不清楚什麼原因)