關於vscodejsx代碼提示設置的信息

本文目錄一覽：

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等其他語言。

vscode自動補充增多的方法：

1、首先我們打開軟件之後，在主界面的左下角找到一個設置的圖標之後點擊它，出現的選項中選擇Settings選項。

2、進入到這個設置選項界面之後，在界面的最左邊有很多的選項，我們可以找到一個“TextEditor”選項，點擊下方中的“Suagestions”選項，進入到右邊界面，找到“Suggest”這個選項，然後將前面的複選框去掉中的鉤，意思是不選擇這個方框。

3、取消之後原路返回，回到主界面，點擊菜單欄中的“file”選項，在出現的下拉菜單中我們選擇“Preferences”,在右側的子菜單中選擇“Settings”，打開界面在左邊的TextEditor選項下方找到File這個選項，點擊之後在右邊找到Editin這個選項並點擊。

4、設置完成之後，當我們在程序文件中輸入代碼時，就會出現一些代碼提示選項，直接點擊選用即可自動補全代碼。

VSCode是kiddd最喜歡的編輯器，極簡而靈活，豐富而且繼續豐富着的插件庫，配置簡單，都吸引着我。眾所周知，VSCode在編寫HTML代碼時可以tab鍵自動補齊標籤。然而在編寫.jsx文件的代碼時，嵌套的標籤就無法享用一鍵補齊的優待了。

當然，如果這點問題不能解決，VSCode也不能在現代編譯器中脫穎而出了。這裡kiddd就介紹一種簡單的實現方法，你不需要下載任何插件。

1. 打開設置

打開：文件——首選項——設置

2. 修改”emmet.triggerExpansionOnTab”屬性

打開設置後搜索”emmet.triggerExpansionOnTab”屬性，將其修改為false。

修改的方式是：點擊該語句左側的筆狀圖標，或直接在右側輸入：

“emmet.triggerExpansionOnTab”: false

over,搞定，配置完之後你就可以在jsx文件中tab補齊標籤了。是不是非常簡單？開始你的react之旅吧。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/304692.html