0%
常用网站整理
本文字数：
1.4k
阅读时长 ≈
2 分钟
vscode使用
本文字数：
3.3k
阅读时长 ≈
6 分钟
官网：https://code.visualstudio.com/docs
快捷键
ctrl + shift + p/F1：打开命令面板。输入?可以查看可使用的命令行列表。ctrl + p：打开文件ctrl + shift + o：定位到文件某个位置ctrl + g：定位到某一行ctrl + Tab：显示最近编辑的文件ctrl + ,：打开settingctrl + w：关闭所有的编辑器界面ctrl + 1：到最左边的编辑器界面ctrl + 2：到中间的编辑器界面ctrl + 3：到最右边的编辑器界面ctrl + F4：关闭当前活动的编辑器界面ctrl + shift + x：打开插件界面。类目搜索如@category:"theme"进行筛选。ctrl + d：当前选中的元素，多选ctrl + alt + down / up：多行ctrl + shift + alt + up / down：多行选中ctrl + shift + alt + left / right：多行左右选中ctrl + shift + alt + pageUp / pageDown：page多行选中ctrl + shift + l：全选中当前选中的元素alt + click：点击自定义多选行和位置ctrl + [ / ]：控制缩进ctrl + shift + [ / ]：控制代码块折叠ctrl + 0：代码块全部折叠ctrl + /：注释代码alt + shift + f：格式化代码alt + shift + up：复制一行到上一行alt + shift + down：复制一行到下一行ctrl + alt + n：运行当前文件
配置 setting.json
{
// tabs
"workbench.editor.showTabs": false, // 不使用tab
"workbench.editor.openPositioning": "left", // tab order
// preview mode 预览模式 单击进入预览模式 双击打开文件 关闭预览模式需要设置以下两个参数
"workbench.editor.enablePreview": true, // 默认启用预览模式
"workbench.editor.enablePreviewFromQuickOpen": false, // 快速打开文件，即单击打开文件
// 编辑器界面
"workbench.editor.closeEmptyGroups": false, // 不关闭空的 editor group
"workbench.editor.openSideBySideDirection": "down", // 预设打开新的编辑器界面的方向 默认为右边
// 窗口配置 重启窗口 有效值为 on off default
"window.openFoldersInNewWindow": "default", // 打开新的文件夹
"window.openFilesInNewWindow": "default", // 打开新的文件
// 主题
"workbench.colorTheme": "Default Dark+",
// 自定义主题 such as list & trees (File Explorer, suggestions widget), diff editor, Activity Bar, notifications, scroll bar, split view, buttons, and more
// https://code.visualstudio.com/api/references/theme-color
"workbench.colorCustomizations": {
"activityBar.foreground": "#00FFFF",
...
// 或 对特殊主题设置
"[Monokai]": {
"sideBar.background": "#00FFFF"
}
},
// 高亮 comments、function、keywords、numbers...
"editor.tokenColorCustomizations": {
"comments": "#FF9900",
...
// 使用文件内容配置
"textMateRules": [
{
"scope": "support.type.property-name.json",
"settings": {
"foreground": "#00FFFF"
}
}
],
// 对特殊主题设置
"[Monokai]": {
"comments": "#00FFFF"
}
}, // 更加详细的颜色配置 https://code.visualstudio.com/api/extension-guides/color-theme
// 特殊语言的语义主题配置 https://code.visualstudio.com/api/language-extensions/semantic-highlight-guide
"editor.semanticTokenColorCustomizations": {
"[Rouge]": {
"enabled": true,
"rules": {
"*.declaration": { "bold": true }
}
}
},
// icon theme
"workbench.iconTheme": "vs-seti",
// 特殊语言设置
"[typescript]": {
"editor.formatOnSave": true,
"editor.formatOnPaste": true
},
"[markdown]": {
"editor.formatOnSave": true,
"editor.wordWrap": "on",
"editor.renderWhitespace": "all",
"editor.acceptSuggestionOnEnter": "off"
}
}react系列-react入门
React官网：https://reactjs.org/docs/getting-started.html
Creat-react-app官网：https://create-react-app.dev/
教程：
https://github.com/the-road-to-learn-react
构建
webpack系列-优化vue项目
前情提要：
后台管理系统由于两年来公司项目发展较快，增加了很多有的没的业务代码，由于初期太菜没有考虑到优化，导致 antd-vue 全局导入，使用的 admin 模板框架，没有及时删除无用的代码，雪球越滚越大，以致于现在首屏加载巨慢无比。
参考项目：https://github.com/edenleung/think-ant-vue 其中的 issure#14 具有相关介绍。
参考文章：
typescript系列-typescript入门
本文字数：
21k
阅读时长 ≈
34 分钟