cass扩展工具lisp源代码_大整理！JavaScript开发者的27个神奇VSCode工具

全文共 5630字，预计学习时长 11分钟

Visual Studio Code(也被称为VSCode，https://code.visualstudio.com/)是一款功能强大的轻量级跨平台桌面源代码编辑器。由于其内置开发工具支持TypeScript和Chrome开发者工具，这款编辑器让人越用越喜欢。

每个人都能使用和修改的无限扩展的开放源代码，谁不爱呢？希望这篇文章能帮你找到扩充开发工具箱的新工具。

虽然下列工具并不都是JavaScript语言专用，但它们都是JavaScript开发者会感兴趣的。以下是2019年JavaScript开发者的27个神奇的VSCode工具。

1. 项目代码段

第一个是由VSCode内置的用户代码段

(https://code.visualstudio.com/docs/editor/userdefinedsnippets)衍生而来的项目代码段(https://marketplace.visualstudio.com/items?itemName=rebornix.project-snippets)。

这项功能能让开发人员创建自己的代码段，并在项目中重复使用。

但是“重复使用”到底是什么意思呢？

如果开发人员经常编写像下面这样的样板代码：

import { useReducer } from 'react'const initialState = { //}const reducer = (state, action) => { switch (action.type) { default: return state }}const useSomeHook = () => { const [state, dispatch] = useReducer(reducer, initialState) return { ...state, }}export default useSomeHook

开发人员可以直接将这段代码放到“用户代码段”中，通过键入自定义前缀来生成设置的代码段，而不用重新写入或是复制粘贴整个代码段。

你可以通过File > Preferences > User Snippets，点击New Global Snippets File来选择并创建一个新的开放代码段。

比如说，如果要新建一个TypeScript React项目，可以点击New Global Snippets File，输入文件名typescriptreact.json，进入新创建的json文件，用TypeScript语言来创建React应用。

又比如，如果要用上文中的案例代码来创建一个新的用户代码段，应该这样做：

{ "const initialState = {}; const reducer = (state, action)": { "prefix": "rsr