1. vscode如何將網頁文件放在根目錄下
vscode將網頁文件放在根目錄下步驟:
1、在VSCode中打開目錄文件夾,即點擊文件。
2、打開文件夾、再雙擊目錄文件夾。
3、再點擊選擇文件夾,VSCode中出現了目錄文件夾。
4、在目錄文件夾中的新建文件圖標上點擊一下並輸入文件名字,拉入網頁文件即可。
2. VS Code中的文件夾(Folder)與工作區(Workspace)
在VS Code的「 文件 」菜單中, 「打開文件夾(Open Folder)」 是指開打項目文件夾的根目錄。一個項目文件夾(Project Folder)包含一個或多個文件夾與項目相關的文件夾,以及與該項目相關的VS Code配置(放在.vscode文件夾中)。
在「 文件 」菜單中,還有一個選項: 「打開工作空間(Open Workspace)」, 這個選項和「打開文件夾」有什麼區別?什麼時候應該使用文件夾?什麼時候應該使用工作空間呢?
在VS Code中,工作空間(workspace)具體指後綴為*.code-workspace的文件,它是一個 jsON with Comments 格式的文件,裡麵包含了所有與該工作空間相關聯的文件夾,以及相關的VS Code配置信息,如下所示。
雙擊*.code-workspace文件,啟動VSCode打開工作空間與啟動VSCode後,用「打開文件夾」方式打開項目文件夾的區別是,前者的文件夾名後面有一個工作空間(workspace)的後綴
[ 什麼時候用工作區? ] 有且僅有需要同時在多個項目上工作的時候,才需要創建工作區,這時候,工作區裡面有多個項目文件夾的根目錄(root),即: Multi-root Workspaces
[ 什麼時候用文件夾? ]在一個項目上工作,使用文件夾,就夠了。針對該項目設置完VS Code後,VS Code會自動在項目文件夾的根目錄中創建一個.vscode文件夾存儲VS Code配置(settings.json文件)
3. vscode打包java為exe
vscode打包java為exe方法:
1、在打開點exe製作軟體之前,需要在硬碟上找個地方把可運行的jar、jre運行環境和一些資源文件放在一個文件夾下。ico文件是等下創建好的點exe文件的圖標。
2、jre是在自己電腦jdk文件夾下,復制過來即可。
3、要轉成點exe,需要其他軟體的支持,可以用exe4j。
4、進入軟體第一步先注冊,注冊碼可以在網上搜索。
5、點擊ChangeLicense,選擇JARinEXE。
6、定義點exe的名字,定義好後把點exe放在指定目錄下,點擊Finish,即可。
4. Vscode的相對路徑讀取問題及處理
首先說一下vscode相對路徑與一般編輯器的不同
符號 vscode 一般的
「./2.txt」 相對於工作路徑(.vscode文件夾所在的位置) 相對於當前運行文件
「2.txt」 相對於工作路徑 相對於當前運行文件
「/2.txt」 相對於磁碟根目錄 相對於磁碟根目錄
5. VSCode 調試
更全面的信息可以參考官方 調試手冊 ,以下記錄我用 VSCode 調試的一些經驗。
想要在 VSCode 里調試,需要配置兩個文件 tasks.json 和 launch.json 。
這兩個文件按 F5 後會自動在 .vscode 目錄下生成。
一般默認生成的 tasks.json 文件如下:
我們需要關注的選項有:
深入理解 tasks.json 文件的作用與 "command" 選項的用法,我們就能靈活地配置構建工程。
tasks.json 文件是用來構建工程的,當我們按 F5 進行調試時,VSCode 首先會執行 tasks.json 文件里 "command" 選項後的命令,並傳入 "args" 參數,這樣整個工程就被重新編譯鏈接一遍了。
以 hello.c 文件和上述 tasks.json 為例,按 F5 進行調試時,最終會在命令行執行下述命令構建工程:
當然,如果一個工程有多個文件,"command" 就不能是簡單的 gcc 了,需要根據實際的構建系統選擇。
如果構建系統使用的是 Makefile ,那我們可以配置
這樣在構建項目時就會使用命令
這跟我們平時使用 make 構建項目是一致的。
又比如配置 Zephyr 環境,
這樣在構建項目時相當於執行命令
launch.json 文件用於配置調試環境。一般默認生成的文件如下:
我們需要關注的選項有:
VSCode 預定義了一些變數,可以在 Variables Reference 查看意思。
有時候我們的程序需要訪問硬體資源,這一般需要 root 許可權,而 VSCode 一般是在用戶許可權下啟動的,這就需要特殊配置 VSCode 才能調試程序。
下面介紹如何利用 VSCode 以 root 許可權調試程序。
首先需要注意到 launch.json 文件里的 "miDebuggerPath" 這個選項,它是調試器的路徑,如果這個調試器可以以 root 許可權運行,那麼就達成了我們的目的了。
在 /home/user_name 目錄下創建文件 gdb,user_name 需要替換為實際的用戶名。
然後編輯該文件 vim gdb ,加入下述內容:
給 gdb 添加執行許可權,
在修改 "miDebuggerPath" 成為
即可。這樣我們就可以在 VSCode 里以 root 許可權調試程序了,只不過每次都需要輸入密碼,因為有一個 sudo 過程。
為了解決這個麻煩,我又在網上找到了方法,將 /home/user_name/gdb 加入 sudo 的免密認證即可。
輸入
編輯 /etc/sudoers 文件,修改成下述內容即可,
其中 jackis 是我的用戶名,需要根據實際用戶名替換。
NOPASSWD: 後的命令 sudo 時都不需要密碼。退出 Shell,再重新打開一個命令行界面,輸入 sudo apt update ,會發現沒有提示輸入密碼了。
參考:
How to debug programs with 「sudo」 in VSCODE
How to Run sudo Commands Without Password
6. vscode保存了為什麼在文件夾不顯示
vscode圖片路徑沒問題還是不顯示怎麼辦,原因是1、沒有設置寬高位置導致看不到2、有些行內元素無法設置寬高,可用display設置模式3、路徑問題,最有可能是路徑出了問題。
我用vscode的復制相對路徑,填入URL。圖像不顯示。復制絕對路徑,依然不顯示。搞得我郁悶了好久。最後手動填入路徑,vscode有自動提示,選擇即可,圖片便顯示出來了。很是神奇。如果你在其中直接插入圖片,其復制的相對路徑是可用的,但作為背景圖就不行。原理是為什麼,不太清楚。只是暫時解決了問題。
7. vscode源碼打包
1.打包方法: yarn run gulp vscode-win32-x64-archive,打包後生成的包在 .build\win32-x64\archive\VSCode-win32-x64.zip , 這種方法目前看似乎是從某個文件夾直接壓縮。在這個之前,需要先做 yarn的動作。
2.另一種方法: yarn run gulp vscode-win32-x64-min, 打包後,會在 vscode 當前目錄的上一級生成目錄VSCode-win32-x64,帶 min 和不帶 min 的編譯方法相比,min對於其中的js文件做過體積簡化。我們編譯應該用帶min的方式來編譯。