濮阳杆衣贸易有限公司

主頁 > 知識庫 > VSCode提高 Node 和 Vue 開發(fā)效率的插件推薦

VSCode提高 Node 和 Vue 開發(fā)效率的插件推薦

熱門標簽:臨沂ai電銷機器人招商 銀川語音外呼系統(tǒng)中心 鶴壁外呼系統(tǒng)公司 高德地圖標注常顯 承德地圖標注公司收費 華創(chuàng)e路航彩票銷售點地圖標注 揭陽電腦外呼系統(tǒng)公司 suitecrm 地圖標注 外呼系統(tǒng)號顯示星號怎么看

在眾多代碼編輯工具中,我最喜歡的就是微軟的vscode。首先它十分輕便,不吃硬件,運行非常順暢;其次是其各種各樣的插件使得編程效率蹭蹭地往上提,爸爸媽媽再也不用擔心我要加班了(才怪?。。〔患影嗍遣豢赡艿模?/p>

插件列表

Auto Close Tag 自動閉合HTML標簽

Auto Rename Tag 修改HTML標簽時,自動修改匹配的標簽

Bookmarks 添加行書簽

Can I Use HTML5、CSS3、SVG的瀏覽器兼容性檢查

Code Runner 運行選中代碼段(支持大量語言,包括Node)

CodeBing 在VSCode中彈出瀏覽器并搜索,可編輯搜索引擎

Color Highlight 顏色值在代碼中高亮顯示

Color Picker 拾色器

Document This 注釋文檔生成

EditorConfig for VS Code EditorConfig 插件

Emoji 在代碼中輸入emoji

ESLint ESLint插件,高亮提示

File Peek 根據(jù)路徑字符串,快速定位到文件

Font-awesome codes for html FontAwesome提示代碼段

ftp-sync 同步文件到ftp

Git Blame 在狀態(tài)欄顯示當前行的Git信息

Git History(git log) 查看git log

GitLens 顯示文件最近的commit和作者,顯示當前行commit信息

Guides 高亮縮進基準線

Gulp Snippets Gulp代碼段

HTML CSS Class Completion CSS class提示

HTML CSS Support css提示(支持vue)

HTMLHint HTML格式提示

Indenticator 縮進高亮

JavaScript (ES6) code snippets ES6語法代碼段

language-stylus Stylus語法高亮和提示

Lodash Lodash代碼段

markdownlint Markdown格式提示

MochaSnippets Mocha代碼段

Node modules resolve 快速導航到Node模塊

npm 運行npm命令

npm Intellisense 導入模塊時,提示已安裝模塊名稱

Output Colorizer 彩色輸出信息

Partial Diff 對比兩段代碼或文件

Path Autocomplete 路徑完成提示

Path Intellisense 另一個路徑完成提示

Prettify JSON 格式化JSON

Project Manager 快速切換項目

REST Client 發(fā)送REST風格的HTTP請求

Settings Sync VSCode設置同步到Gist

String Manipulation 字符串轉換處理(駝峰、大寫開頭、下劃線等等)

Test Spec Generator 測試用例生成(支持chai、should、jasmine)

TODO Parser Todo管理

Version Lens package.json文件顯示模塊當前版本和最新版本

vetur 目前比較好的Vue語法高亮

View Node Package 快速打開選中模塊的主頁和代碼倉庫

vscode-icons 文件圖標,方便定位文件

VSCode Great Icons 文件圖標拓展

VueHelper Vue2代碼段(包括Vue2 api、vue-router2、vuex2)

附錄:VSCode首選項配置

{
"editor.tabSize": 2,
"files.associations": {
"*.vue": "vue"
},
"eslint.autoFixOnSave": true,
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [
"javascript",
"javascriptreact",
"vue",
"vue-html"
],
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
"extensions.autoUpdate": true,
"editor.renderWhitespace": "boundary",
"editor.cursorBlinking": "smooth",
"workbench.welcome.enabled": true
}

到此這篇關于VSCode提高 Node 和 Vue 開發(fā)效率的插件推薦的文章就介紹到這了,更多相關VSCode插件推薦內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

您可能感興趣的文章:
  • 十大 Node.js 的 Web 框架(快速提升工作效率)
  • 監(jiān)控Nodejs的性能實例代碼
  • node中使用es6/7/8(支持性與性能)
  • 提升node.js中使用redis的性能遇到的問題及解決方法
  • 提高Node.js性能的應用技巧分享
  • Node.js五大應用性能技巧小結(必須收藏)
  • Node.js 的異步 IO 性能探討
  • nodejs的10個性能優(yōu)化技巧
  • 如何用Node.js編寫內(nèi)存效率高的應用程序

標簽:汕尾 咸寧 棗莊 忻州 三沙 七臺河 萊蕪 許昌

巨人網(wǎng)絡通訊聲明:本文標題《VSCode提高 Node 和 Vue 開發(fā)效率的插件推薦》,本文關鍵詞  VSCode,提高,Node,和,Vue,開發(fā),;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《VSCode提高 Node 和 Vue 開發(fā)效率的插件推薦》相關的同類信息!
  • 本頁收集關于VSCode提高 Node 和 Vue 開發(fā)效率的插件推薦的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    洛川县| 夏河县| 井研县| 谢通门县| 天柱县| 广水市| 惠州市| 进贤县| 阳曲县| 皮山县| 会昌县| 富锦市| 沙坪坝区| 墨脱县| 阜城县| 衡南县| 馆陶县| 拉孜县| 丰原市| 土默特右旗| 斗六市| 重庆市| 全州县| 鸡东县| 新干县| 呼伦贝尔市| 健康| 小金县| 邛崃市| 东山县| 手机| 青河县| 花莲县| 南华县| 万盛区| 衡阳市| 福海县| 剑河县| 潼关县| 平遥县| 怀远县|