當前位置:首頁 » 網頁前端 » vscode怎麼顯示項目腳本
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

vscode怎麼顯示項目腳本

發布時間: 2022-04-14 14:01:01

Ⅰ vscode怎麼顯示隱藏的文件

%退出vs2008(或者在未啟動vs的狀態下),你把你編的工程目錄中的debug目錄全部刪除之後你再看看。%
%如果你確定你的語法沒有錯誤,你再新建一個新工程把代碼復制里重新編譯試試看,如果還是不行,那我就不知道了。%
%你試試唄,諸如dev-C++啊,...

Ⅱ 如何在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_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打開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 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文件的智能提示。(我測試時無此配置也會有智能提示,不清楚什麼原因)

Ⅲ vscode如何調試python

初始化配置

配置在調試會話期間驅動VS Code的行為。 配置在launch.json文件中定義,該文件存儲在工作區的.vscode文件夾中。

注意為了更改調試配置,您的代碼必須存儲在一個文件夾中。

要使用Python配置生成launch.json文件,請執行以下步驟:

1.選擇設置按鈕(在上圖中圈出)或使用Debug> Open configurations菜單命令。

2.將從命令選項板打開配置菜單,允許您為打開的文件選擇所需的調試配置類型。 現在,在出現的Select a debug configuration菜單中,選擇Python File。

注意通過調試面板啟動調試會話,F5或調試>啟動調試,如果不存在配置,也會打開調試配置菜單。

然後,Python擴展創建並打開一個launch.json文件,該文件包含基於您之前選擇的預定義配置,在本例中為Python文件。 您可以修改配置(例如,添加參數),還可以添加自定義配置。

更多的配置

默認情況下,VS Code僅顯示Python擴展提供的最常見配置。 您可以使用列表和launch.json編輯器中顯示的「添加配置」命令選擇要包含在launch.json中的其他配置。 當您使用該命令時,VS Code會提示您所有可用配置的列表(請務必向下滾動以查看所有Python選項):

選擇Node.js:Gulp任務會產生以下結果:

在調試過程中,狀態欄顯示左下方的當前配置; 右邊是當前的調試解釋器。 選擇配置會顯示一個列表,您可以從中選擇不同的配置:

默認情況下,調試器使用與VS Code的其他功能相同的python.pythonPath工作空間設置。 要使用不同的解釋器進行特定的調試,請在launch.json中為pythonPath設置適用的調試器配置,如下一節所述。 或者,選擇狀態欄上的命名解釋器以選擇另一個更新python.pythonPath。

設置配置選項

首次創建launch.json時,有兩種標准配置在編輯器中的集成終端(VS代碼內部)或外部終端(VS代碼外部)中運行活動文件:

具體設置將在以下部分中介紹。 您還可以添加標准配置中未包含的其他設置,例如args。

name

提供VS Code下拉列表中顯示的調試配置的名稱。

type

標識要使用的調試器類型; 用於Python代碼。

request

指定調試的模式

launch:指定調試起始文件program

attach:指定調試掛載進程

program

提供python程序的入口模塊(啟動文件)的完全限定路徑。 值:${file}, 常用於默認配置,使用編輯器中當前活動的文件。 通過指定特定的啟動文件,無論打開哪個文件,您始終可以確保使用相同的入口點啟動程序。 例如:

"program": "/Users/Me/Projects/PokemonGo-Bot/pokemongo_bot/event_handlers/__init__.py",

您還可以依賴工作區根目錄中的相對路徑。 例如,如果是根「/Users/Me/Projects/PokemonGo-Bot」,你可以像這樣使用

"program": "${workspaceFolder}/pokemongo_bot/event_handlers/__init__.py",

pythonPath

指向用於調試的Python解釋器,它可以是包含Python解釋器的文件夾。 該值可以使用變數${workspaceFolder}和${workspaceFolder}/.venv如果未指定,則此設置默認為在中標識的解釋器python.pythonPath,

或者,您可以使用在每個平台上定義的自定義環境變數來包含要使用的Python解釋器的完整路徑,這樣就不需要其他文件夾路徑。

args

指定傳遞給Python程序的參數。 由空格分隔的參數字元串的每個元素都應包含在引號內,例如:

"args": ["--quiet", "--norepeat", "--port", "1593"],

stopOnEntry

設置為true的時候,打破正在調試的程序的第一行的調試器。 如果省略(默認值)或設置為false,調試器將程序運行到第一個斷點。

console

指定程序輸出的顯示方式。

cwd

指定調試器的當前工作目錄,該目錄是代碼中使用的任何相對路徑的基本文件夾。 如果省略,則默認為${workspaceFolder}vscode的工作目錄,作為一個例子${workspaceFolder}包含了python代碼文件夾或者文件,包含了app.py

配置如下:

redirectOutput

省略或設置為時true(默認值),使調試器將程序的所有輸出列印到VS Code調試輸出窗口。 如果設置為false,程序輸出不會顯示在調試器輸出窗口中。

使用時通常禁用此選項

"console": "integratedTerminal"

"console": "externalTerminal"

因為不需要在調試控制台中復制輸出。

justMyCode

省略或設置為true(默認值),僅將調試限制為用戶編寫的代碼。 調成false還可以調試標准庫函數。

django

可以調試django框架

env

為調試器進程設置可選的環境變數,而不是調試器始終繼承的系統環境變數。

envFile

包含環境變數定義的文件的可選路徑。 請參閱配置Python環境 - 環境變數定義文件。

在代碼中調用斷點

在Python代碼中,您可以調用斷點 在調試會話期間要暫停調試器的任何位置。

斷點驗證

Python擴展自動檢測在非可執行行上設置的斷點,例如 通過 語句或多行語句的中間。 在這種情況下,運行調試器會將斷點移動到最近的有效行,以確保代碼執行在此時停止。

附加到本地腳本

在某些情況下,您需要調試由另一個進程在本地調用的Python腳本。 例如,您可能正在調試為特定處理作業運行不同Python腳本的Web伺服器。 在這種情況下,您需要在啟動後將VS Code調試器附加到腳本:

1.運行VS Code,打開包含腳本的文件夾或工作區,然後創建一個launch.json 對於該工作空間,如果尚不存在。

2.在腳本代碼中,添加以下內容並保存文件:

3.使用終端打開終端:創建新的集成終端,激活腳本的選定環境。在終端中,使用python -m pip install --upgrade ptvsd安裝ptvsd軟體包。

4.在終端中,使用腳本啟動Python,例如python3 myscript.py。 您應該看到代碼中包含的「等待調試器附加」消息,並且腳本在ptvsd.wait_for_attach()調用時停止。

5.切換到Debug視圖,從Debugger下拉列表中選擇Python:Attach,然後啟動調試器。

python學習網,免費的在線學習python平台,歡迎關注!

Ⅳ vscode怎麼創建c項目

vscode怎樣編寫c程序?

一、獲取C/C++擴展

1、打開vscode

2、ctrl+shift+x打開商店

3、搜索C/C++安裝、重啟vscode

.png

二、安裝GCC

1、下載MinGW

2、打開安裝程序,安裝到D盤(需要創建MinGW文件夾),安裝完成之後生成MinGW安裝管理器

3、管理器自動打開(如果沒有請手動),點擊All Packages,選中gcc.bin,g++.bin,gdb.bin,點擊Installation,選擇Apply Changes,點擊Apply提交進行安裝

.png

win+R,輸入control進入控制面板,依次點擊系統與安裝->系統->高級系統設置->環境變數,找到Path->編輯->新建,將安裝好的MinGW的bin文件夾路徑粘貼進去。

.png

三、配置智能提示

1、編寫一個測試文件demo.c,點擊引入的標准庫下的「提示燈」,生成c_cpp_properties.json文件

2、編輯c_cpp_properties.json

.png

c_cpp_properties.json修改內容如下:

.png

四、開啟調試功能

F5或Ctrl+F5啟用調試,選擇C++(GDB/LLDB)生成launch.json文件,修改如下:

Ctrl+Shift+P輸入Tasks:Configure Task配置任務,選擇使用模塊創建task.json文件,選擇Others模板,生成task.json文件,修改如下:

如果出現錯誤:進程終止,退出代碼:1,可能是gcc還沒被編輯器載入(測試方法:打開控制台,輸入gcc,看提示信息),重啟編輯器就可以。

Ⅳ 如何讓電腦自動工作的腳本

巨慢的, 不過好在有一款vscode插件, 讓你可以將電腦寫好腳本後直接推到手機的autojs上保存或者執行.這個擴展地址(autojs作者開發的): 下面就手把手來教你怎麼使用該插件.

1. 准備工作

- 電腦安裝了vscode

- 手機上安裝了autojs

2. 安裝Auto.js-VSCode-Extension插件

電腦上打開vscode, 然後點擊擴展市場(見下圖的左邊紅框就是擴展市場圖標), 搜索 auto.js, 然後選擇全稱Auto.js-VSCode-Extension, 作者是hyb1996. (ps:該作者還有個pro的插件, 不過這個是配合收費版autojs pro來用的), 最後點擊右下角的install靜待其安裝完成)

3. vscode上autojs擴展開發服務

在vscode,按下快捷鍵shift + control + p 來打開命令行工具,然後輸入Auto.js: Start Server來開啟服務. (更多的命令可以看這個界面的介紹https://github.com/hyb1996/Auto.js-VSCode-Extension)

4 手機連接上vscode上的autojs擴展

手機上打開autojs, 點擊左上角的設置按鈕, 然後點擊連接手機, 然後輸入電腦ip地址(手機和電腦必需在同個區域網下, 不懂自己電腦ip是多少的,自行網路,很簡單,不做贅述),最後提示保存成功.

5. 電腦上編寫代碼並推送到手機執行或者保存

在vscode上新建個js文件,然後編寫好腳本.

- 推送到手機上直接執行:

在vscode按下f5 或者 按下control + shift + p打開命令行, 輸入 auto.js run , 然後腳本就會推送到手機上並執行

- 保存到手機上

在vscode按下control + shift + p打開命令行, 輸入auto.js save on device, 然後在手機上刷新下就能看到電腦上的腳本.

以上就是全部的教程. 可以在電腦上快速開發了, 而不用在受限制於手機碼字龜速了.

Ⅵ 請問如何使用vscode打開.Net core項目

你在系統里打開這個目錄,看看你下載的項目文件到底在哪,dotnet run可以指定項目文件來運行

dotnet run --project ./projects/proj1/proj1.csproj

Ⅶ vscode 怎麼顯示修改作者、時間、備注

1、安裝插件KoroFileHeader
2、左下角選擇管理---設置---輸入"fileheader"---點擊"在setting.json中編輯"
3、把下面的代碼放到json文件中
快捷鍵:ctrl + alt + i 生成頭部注釋快捷鍵:ctrl + alt + t 生成函數注釋

Ⅷ 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的dos窗口顯示結果

確實是令"externalConsole"的值為true,至於沒有效果可能是系統終端設置的原因

Ⅹ vscode使用教程是

vscode使用教程:

安裝:

安裝的東西沒什麼好說的,自行下載安裝吧,伙計。

配置:

用戶配置:

vscode的用戶配置分3個級別,分別是默認配置、全局配置和工作區配置,優先順序也依次遞增。對於團隊項目,一些規范可以通過項目目錄下建一個.vscode/setting.json文件進行配置。

快捷鍵綁定:

參考官方文檔,文檔中列出了所有指令對應的快捷鍵。快捷鍵我只修改了兩個與系統軟體沖突的。

代碼片段:

這個功能很像webstorm的live template的功能,雖然提示的時候沒有webstorm那麼精準和順手,不過總的來說,夠用。

設置語法遵循TextMate代碼片段語法,你可以通過安裝別人寫好的snippet插件,如果別人寫的snippet你用得不爽,那麼自己寫也簡單。

之前使用這個代碼片段有個痛點就是只能用方向鍵上下選擇提示,如果能使用ctrl+n/p上下選擇的話就更舒服了,沒想到現在已經支持了。

另外,有沒有人知道怎麼設置代碼提示內容,比如輸入result提示了XPathResult是什麼鬼。

插件:

4個月前剛知道vscode的時候,那時感覺插件還沒有那麼多,現在重新看了一下,真是應有盡有。牛逼啊!

這里介紹幾個我用過覺得不錯的插件

用戶配置同步 Visual Studio Code Settings Sync。Git 歷史 Git History。

文件圖標 vscode-icons。縮進輔助線 Guides。

Visual Studio Code(以下簡稱vscode)是一個輕量且強大的代碼編輯器,支持Windows,OS X和Linux。

內置JavaScript、TypeScript和Node.js支持,而且擁有豐富的插件生態系統,可通過安裝插件來支持C++、C#、Python、PHP等其他語言。