VScode


ubuntu20安裝vscode

下載地址: https://code.visualstudio.com/

下載下來deb包

# 創建安裝目錄
root@ubuntu:~# mkdir -p  /usr/local/src/vscode

# 切換目錄
root@ubuntu:~# cd /usr/local/src/vscode/

# 下載下來deb包,下載Stable穩定版
root@ubuntu:/usr/local/src/vscode# wget https://az764295.vo.msecnd.net/stable/507ce72a4466fbb27b715c3722558bb15afa9f48/code_1.57.1-1623937013_amd64.deb

# 安裝VScode
root@ubuntu:/usr/local/src/vscode# dpkg -i code_1.57.1-1623937013_amd64.deb 

# 啟動VScode (使用命令行啟動VScode,或者使用桌面圖標啟動VScode)
## VScode 在 Ubuntu 上的軟件包名稱為 code,(使用命令行直接使用root身份沒有啟動成功)
root@ubuntu:/usr/local/src/vscode# code
You are trying to start Visual Studio Code as a super user which isn't recommended. If this was intended, please specify an alternate user data directory using the `--user-data-dir` argument.    (# 您正在嘗試以超級用戶身份啟動 Visual Studio Code,這是不推薦的。 如果這是預期的,請使用`--user-data-dir` 參數指定一個備用用戶數據目錄。)


root@ubuntu:/usr/local/src/vscode# code --user-data-dir
##或
root@ubuntu:/usr/local/src/vscode# code --user-data-dir ~./

快捷鍵

Ctrl + s              # 保存

Ctrl + F4             # 關閉

ALT + f               # 打開文件選項

Ctrl + Shift + p      # 打開命令面板

Ctrl + Shift + x      # 打開擴展插件商店

Ctrl + Shift + e      # 打開資源管理器

ESC                   # 退出(可以解決掉煩人的命令面板)

VScode代碼段snippets

官方文檔: https://code.visualstudio.com/docs/editor/userdefinedsnippets

代碼片段是模板,使輸入重復代碼模式(例如循環或條件語句)更容易的。

創建自己的片段,可以輕松定義自己的片段,無需任何擴展

第一步:
  請選擇“文件” > “首選項”下的“用戶代碼段”(macOS 上的“代碼” > “首選項”)
    或者
  快捷方式:Ctrl+Shift+p(打開命令面板)輸入 configure user snippets


第二步:
  然后選擇應顯示代碼段的語言(按語言標識符),比如 python ,c,php,markdown等,這里選擇 markdown 但是配置后不生效,原因不詳
    或者
  選擇“New Global Snippets file(新建全局代碼段)”,輸入文件名稱。

第三步:
  編輯打開的json文件

    內容:

{
	// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and  description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope  is left empty or omitted, the snippet gets applied to all languages. The prefix is what is  used to trigger the snippet and the body will be expanded and inserted. Possible variables are:  $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.     (把你的網絡片段放在這里。 每個片段都在片段名稱下定義,並具有范圍、前綴、正文和描述。 在范圍字段中添加代碼段適用的語言的逗號分隔 ID。 如果范圍為空或省略,則該代碼段將應用於所有語言。 前綴是用來觸發代碼片段的,主體將被擴展和插入。 可能的變量有:$1, $2 表示制表位,$0 表示最終光標位置,${1:label}, ${2:another} 表示占位符。)
	// Placeholders with the same ids are connected.  (連接具有相同 id 的占位符。)
	// Example(例子):
	// "Print to console": {
	// 	"scope": "javascript,typescript",
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }



		"Print to console": {
		"scope": "markdown",
		"prefix": "<details>",
		"body": [
			"<details>",
			"<summary>示例</summary>\n",

			"```sh",
			"$1",
			"```",
			"</details>\n",

			"---"

		],
		"description": "Markdown折疊語法"
	}
}





# scope:限定代碼段的作用域,例如 go 語言的代碼段不會出現在 js 中,反之亦然

# prefix:是快捷關鍵字,當 VSCode 檢測到代碼中出現 prefix 關鍵字就會在編輯器中替換為 body 的內容

# body:是重復的代碼模板內容,通常是程序員想要自動化的一些重復,模板代碼,錄入在這里

# description:顧名思義就是對這段 snippets 的具體描述

# 這里值得再提一下的就是, body 里面的 $1 關鍵字是模板代碼替換后鼠標光標的所在位置,當出現多個 $1,$2 的時候,可以通過鍵盤 TAB 按鍵快速切換鼠標光標所在位置,用於提高效率,這塊就不具體深入描述了,有興趣的小伙伴可以自行去探索。


## 注意:修改后需要保存讓其生效,markdown中測試輸入 prefix 指定的關鍵字,沒有效果,但是使用python測試正常




第四步:
  # 既然markdown輸入關鍵字沒有效果,使用曲線救國的方案,使用快捷鍵(python不用下面的步驟)
  
  點擊Exetnsions(擴展)選擇 “鍵盤快捷方式”,搜索   @command:editor.action.insertSnippet
    或者
  點擊 “文件”,選擇 “首選項” ,選擇 “鍵盤快捷方式”,搜索   @command:editor.action.insertSnippet


第五步:
  對 “插入片段”,點擊 “+” 添加按鍵綁定,使用不沖突的組合鍵,我這里使用 alt + numpad0 快捷鍵(也就是小鍵盤的 0)然后按Enter



# 這個時候就可以使用 alt + numpad0 快捷鍵,喚起 “插入片段” 選擇我們定義的代碼片,就可以實現代碼片的快速復用

初始配置

設置中文

第一步:
  快捷方式:Ctrl+Shift+p(打開命令面板)  或者  點擊Exetnsions(擴展)打開擴展插件商店快捷方式 Ctrl+Shift+x

第二步:
  搜索configure display language(配置顯示語言)  或者   直接搜索Chinese (Simplified) Language Pack for Visual Studio Code(適用於 VS Code 的中文(簡體)語言包)

第三步:
  選擇擴展插件:Chinese (Simplified) Language Pack for Visua(視覺中文(簡體)語言包)
    # 適用於 VS Code 的中文(簡體)語言包

第四步:
  選擇install(安裝)
    # Uninstall(表示卸載)
    # 安裝后提示信息:Would you like to change VS Code's UI language to Chinese Simplified and restart?(您想將VS Code的UI語言更改為簡體中文並重新啟動嗎?)


第五步:
  重啟VScode
    點擊Change Language and Restart(更改語言並重新啟動)


設置ssh

第一步:
  Ctrl+Shift+x 打開擴展插件商店

第二步:
  搜索 Remote-SSH(遠程SSH)

第三步:
  點擊安裝(install)
    # 安裝后右邊會添加遠程資源管理器圖標

第四步:
  點擊 遠程資源管理器 圖標
    # 配置連接服務器的SSH配置信息

第五步:
  添加ssh主機,兩種方式
    方法一:
      # 點擊“+”加號Add New(添新)直接添加主機,比如ssh root@192.168.0.100
      # 選擇填寫到哪個配置文件中,一般使用C:\User/用戶\.ssh\config(輸入信息會自動添加進去)
      # SSH TARGETS(SSH目標)中這個連接已添加
      # 提示 Host added!(主機已添加!) 選擇Open Config(打開配置)  或者  Connect(連接)(可以忽略)
      # SSH TARGETS(SSH目標)中右鍵主機進行連接
        # Connect to in Current window(在當前窗口中連接到)
        # Connect to in New window(在新窗口中連接到)
          # Select the platfoem of the femote host "Host"(選擇遠程主機“主機”的平台),一般選擇Linux
            # Are you sure you want to continue?(你確定你要繼續嗎?)
              # Continue(繼續),選擇繼續
              # Cancel(取消)
          # 輸入密碼連接
            # 顯示提示信息:You selected "linux" as the remote platform - this will be stored in the setting "remote.SSH.remotePlatform" and can be changed there if needed.(您選擇了“ linux”作為遠程平台-這將存儲在設置“ remote.SSH.remotePlatform”中,並且可以根據需要進行更改),Don't Show Again(不要再顯示)


    方法二:
      # 點擊“小齒輪”Configure(配置)
      # 選擇使用哪個配置文件,一般使用C:\User/用戶\.ssh\config
        # 編寫格式(這是添加,刪除主機直接刪除保存即可),示例:
          # Host 華為雲
            # HostName 119.3.239.161
            # User root
            # IdentityFile

               # Host(配置主機名)
                # HostName(遠程服務器ip地址)
                # User (遠程服務器賬戶)
                # IdentityFile 私鑰路徑,可以不寫
      # 快捷鍵 Ctrl + s   保存
      # 保存配置文件后SSH TARGETS(SSH目標)中顯示已添加的主機,右鍵主機進行連接
        # Connect to in Current window(在當前窗口中連接到)
        # Connect to in New window(在新窗口中連接到)
          # Select the platfoem of the femote host "Host"(選擇遠程主機“主機”的平台),一般選擇Linux
            # Are you sure you want to continue?(你確定你要繼續嗎?)
              # Continue(繼續),選擇繼續
              # Cancel(取消)
          # 輸入密碼連接
            # 顯示提示信息:You selected "linux" as the remote platform - this will be stored in the setting "remote.SSH.remotePlatform" and can be changed there if needed.(您選擇了“ linux”作為遠程平台-這將存儲在設置“ remote.SSH.remotePlatform”中,並且可以根據需要進行更改),Don't Show Again(不要再顯示)

第六步
  管理ssh
    # 右下角點擊SSH:host
      # Connect Current Window to Host  (將當前窗口連接到主機)
      # Connect to Host                 (連接到主機)
      # Open SSH Configuration File    (打開SSH配置文件)
      # Show Log                        (顯示日志)
      # Settings                        (設定值)
      # Report lssue                    (報告問題)
      # Provide Feedback                (提供反饋信息)
      # Help                            (幫助)
      # 關閉遠程連接                     (關閉遠程連接)

VS code中安裝MarkDown擴展插件

VS code中使用MarkDown幫助文檔:https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/

第一步:
  點擊Exetnsions(擴展)打開擴展插件商店快捷方式 Ctrl+Shift+x

第二步:
  搜索 Markdown Preview Enhanced(Markdown預覽增強)
    # 點擊 進入Markdown擴展插件頁面
      # install(安裝)
        # 安裝后提示信息:If you like using markdown-preview-enhanced, please consider sponsoring the developer to help make this project better 😊.(如果您喜歡使用markdown-preview-enhanced,請考慮贊助開發人員以幫助改善該項目。)  Open GitHub Sponsors(開放GitHub贊助商)  I already sponsored(我已經贊助了)

第四步;
  點擊 資源管理器,快捷鍵Ctrl + Shift + e    或者    ALT + f打開文件選項
    # 打開文件夾    或者    文件
      # 選擇文件夾,如果里面有Markdown文件會一並顯示
      # 新建Markdown文件

設置自動保存

https://jingyan.baidu.com/article/f25ef25486bd5c482c1b82b8.html

第一步:
  搜索 files.auto

第二步:
  設置 Files: Auto Save
    # 設置為 afterDelay(根據files.autoSaveDelay設置的時間間隔自動保存)
第二步:
  設置 files.autoSaveDelay
    # 設置自動保存間隔(默認1000毫秒=1秒)
      # 設置為10000毫秒=10秒自動保存一次文檔


# off:關閉自動保存,這是默認選項
# afterDelay:會每隔若干秒保存一次
# OnFocusChange: 編輯器是去焦點時自動保存文件,比如說你打開了多個文件,你編輯好了A,然后切換到B文件,那么此時A文件會自動保存。
# OnWindowChange:窗口失去焦點時會自動保存文件。也就是說你從VSCode切換到其他軟件時會自動保存文件

VS code中安裝python擴展插件

第一步:
  點擊Exetnsions(擴展)打開擴展插件商店快捷方式 Ctrl+Shift+x

第二步:
  搜索 python
    # 點擊 進入Python擴展插件頁面
      # Python extension for Visual Studio Code(適用於Visual Studio Code的Python擴展)

第三步:
  安裝python擴展插件
    # 在 SSH: host中安裝(安裝到遠程服務器)
      # 如果連接到遠程服務器,會安裝在遠程服務中


#---------------------- 可能出現的提示信息

## No Python interpreter is selected. You need to select a Python interpreter to enable features such as IntelliSense, linting, and debugging.    (未選擇 Python 解釋器。 您需要選擇一個 Python 解釋器來啟用 IntelliSense、linting 和調試等功能。 )

### Select Python interpreter  (選擇 Python 解釋器)            (# 點擊選擇Python解釋器,選擇指定的解釋器,如果有多個解釋器,隨便挑一個可以用的就行)


## 可能出現權限問題,最好不要在"/"根目錄下安裝python插件,有可能會出現擴展插件一直在加載中,最好在當前用戶的家目錄中安裝python擴展插件

VS code連接數據庫,並配置數據庫

# 登陸數據庫,配置賬戶
[root@localhost ~]# mysql -uroot -p
Enter password: 
ERROR 2002 (HY000): Can t connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (111)

數據庫未啟用,啟用數據庫

---

[root@localhost ~]# ss -tunlp
Netid  State    Recv-Q   Send-Q             Local Address:Port       Peer Address:Port                                               
udp    UNCONN   0        0           192.168.208.246%eth0:68              0.0.0.0:*       users:(("NetworkManager",pid=947,fd=20))   
udp    UNCONN   0        0                      127.0.0.1:323             0.0.0.0:*       users:(("chronyd",pid=916,fd=6))           
udp    UNCONN   0        0                          [::1]:323                [::]:*       users:(("chronyd",pid=916,fd=7))           
tcp    LISTEN   0        128                    127.0.0.1:45233           0.0.0.0:*       users:(("node",pid=1900,fd=18))            
tcp    LISTEN   0        128                      0.0.0.0:22              0.0.0.0:*       users:(("sshd",pid=956,fd=5))              
tcp    LISTEN   0        128                         [::]:22                 [::]:*       users:(("sshd",pid=956,fd=7))   

3306端口不存在,可以啟用

---

[root@localhost ~]# systemctl start mariadb.service
[root@localhost ~]# ss -tunlp
Netid  State    Recv-Q   Send-Q             Local Address:Port       Peer Address:Port                                               
udp    UNCONN   0        0           192.168.208.246%eth0:68              0.0.0.0:*       users:(("NetworkManager",pid=947,fd=20))   
udp    UNCONN   0        0                      127.0.0.1:323             0.0.0.0:*       users:(("chronyd",pid=916,fd=6))           
udp    UNCONN   0        0                          [::1]:323                [::]:*       users:(("chronyd",pid=916,fd=7))           
tcp    LISTEN   0        128                    127.0.0.1:45233           0.0.0.0:*       users:(("node",pid=1900,fd=18))            
tcp    LISTEN   0        128                      0.0.0.0:22              0.0.0.0:*       users:(("sshd",pid=956,fd=5))              
tcp    LISTEN   0        128                         [::]:22                 [::]:*       users:(("sshd",pid=956,fd=7))              
tcp    LISTEN   0        80                             *:3306                  *:*       users:(("mysqld",pid=3512,fd=20))  

數據庫啟用成功,連接數據庫

---

# 登陸(連接)數據庫
[root@localhost ~]# mysql -uroot -p
Enter password: 
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 8
Server version: 10.3.17-MariaDB MariaDB Server

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> 

連接成功

---


# 數據庫允許遠程登錄

MariaDB [(none)]> show databases;

查看庫

---


MariaDB [(none)]> use mysql;

切換數據庫,使用另一個數據庫。 將數據庫名稱作為參數。

---



MariaDB [mysql]> show tables;

查看表

---


MariaDB [mysql]> select host,user,password from user;
+-----------+------+-------------------------------------------+
| host      | user | password                                  |
+-----------+------+-------------------------------------------+
| localhost | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| 127.0.0.1 | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| ::1       | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| %         | root | *6BB4837EB74329105EE4568DDA7DC67ED2CA2AD9 |
| %         | gogs | *461C3A96BAEF66E327658B3AFF86F8D71BEE3F99 |
+-----------+------+-------------------------------------------+
5 rows in set (0.000 sec)

查看user表的三個字段,% 允許所有地址對應的密碼忘記,刪除所有允許所有地址登錄

---


MariaDB [mysql]> delete from user where host='%';
Query OK, 2 rows affected (0.000 sec)

MariaDB [mysql]> select host,user,password from user;
+-----------+------+-------------------------------------------+
| host      | user | password                                  |
+-----------+------+-------------------------------------------+
| localhost | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| 127.0.0.1 | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| ::1       | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
+-----------+------+-------------------------------------------+
3 rows in set (0.000 sec)

刪除成功

---


MariaDB [mysql]> GRANT ALL PRIVILEGES ON *.* TO 'root'@'%'IDENTIFIED BY 'root' WITH GRANT OPTION;
Query OK, 0 rows affected (0.000 sec)

MariaDB [mysql]> select host,user,password from user;
+-----------+------+-------------------------------------------+
| host      | user | password                                  |
+-----------+------+-------------------------------------------+
| localhost | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| 127.0.0.1 | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| ::1       | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
| %         | root | *81F5E21E35407D884A6CD4A731AEBFB6AF209E1B |
+-----------+------+-------------------------------------------+
4 rows in set (0.000 sec)

MariaDB [mysql]> FLUSH PRIVILEGES;
Query OK, 0 rows affected (0.000 sec)

all privileges:表示將所有權限授予給用戶。也可指定具體的權限,如:SELECT、CREATE、DROP等。

on:表示這些權限對哪些數據庫和表生效,格式:數據庫名.表名,這里寫“*”表示所有數據庫,所有表。如果我要指定將權限應用到test庫的user表中,可以這么寫:test.user

to:將權限授予哪個用戶。格式:”用戶名”@”登錄IP或域名”。%表示沒有限制,在任何主機都可以登錄。比如:”yangxin”@”192.168.0.%”,表示yangxin這個用戶只能在192.168.0IP段登錄

identified by:指定用戶的登錄密碼

with grant option:表示允許用戶將自己的權限授權給其它用戶

FLUSH PRIVILEGES: 更新表

---

# 關閉防火牆,防火牆會攔截 mariadb客戶端連接3306端口
systemctl stop firewalld

vs code連接數據庫

安裝插件

  1. MySQL syntax
    1. MySQL語法高亮顯示支持
  2. mysql
    1. MySQL管理工具

插件安裝成功后進行數據庫連接


按順序輸入完主機名、用戶名、密碼、端口號,最后一項省略 之后左側連接成功

windows卸載vscode

參考地址: https://www.php.cn/tool/vscode/440187.html

刪掉了vscode應用軟件,但是此時重新安裝會發現之前下載的插件和個人配置信息都還會重新加載出來,所以繼續進行以下步驟:

需要刪除掉以下路徑的文件,即可徹底清除已安裝的插件和個人配置信息

# 1,卸載vscode應用程序











# 2,然后刪除配置文件,兩個配置文件都要刪除
C:\Users\Administrator\.vscode
和
C:\Users\Administrator\AppData\Roaming\Code

# 經過以上兩步操作之后,再次重新安裝軟件,將是最原始的狀態,可以解決一些配置的問題,比如python插件無法執行


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM