多写博客!
第一步先进行FQ
安装Chrome开全局FQ google搜索Chrome安装,安装过程中保持全局模式
扩展程序安装中Proxy SwitchyOmega插件
开启插件自动切换(关掉全局FQ)
安装uBlock屏蔽广告
理解无痕窗口(关闭后浏览记录、cookie全都会清理掉测试时可用)
Google翻译中文有bug,看代码时不要使用
Chrome开发者工具
开发者工具可切换主题,大面板可以移动位置,小面板也可以,按ESC可以新建控制台。
Sources面板可以保存代码片段(点击箭头 --> Snippets)
Network关闭Use large request rows 和 Show overview 添加Method,Network测试断网和慢网速以及理解Preserve log、Disable cache
Chrome快捷键
鼠标中键单击--打开或关闭
ctrl+T --新建标签页
ctrl + shift + T--撤销关闭
ctrl + 点击 --在新标签打开
ctrl + w --关闭当前标签
ctrl + R -- 刷新
ctrl + L --输入网址
ctrl + shift + i 或F12 --打开开发者工具
alt + 左右 --前进后退
alt + 回车 --在新标签页打开(结合ctrl + L --输入网址使用)
shift + 回车 --在新窗口打开
安装VSCode
安装Chinese汉化插件,重启VSCode
自动保存Auto Save: onFocusChange
自动格式化Format On Save
注意自动格式化可能会影响对别的代码产生影响(部分代码是别人写的,格式化之后可能出错)
开启Trigger Expansion On Tab (可能会让tab无法打字)
可选配置:
面板靠右(查看--外观--向右移动侧边栏)、隐藏菜单栏使用alt展示菜单栏,首选项-设置里面可以搜索。
字体设置为 "editor.codeLensFontFamily": "Fira Code, Consolas, 'Courier New', monospace",启用字体连字("editor.fontLigatures": true,)
安装插件:Code Spell Checker 检查单词拼写错误、Git Easy
VSCode 必会
功能:
开启终端(ctrl+shift+`)、开启第二终端
搜索文件夹(ctrl + shift + f )、搜索当前文件夹、搜索选中区域
设置语法、选择语言模式(纯文本语法无高亮)
Emmet快捷写代码(ctrl + shift + p)
Git操作
调试JavaScript、TypeScript
快捷键:
ctrl+ p -- 查找文件
ctrl + shift + p --输入Emmet命令
alt + 单击 --多位置输入
关于工具,能用就行。
安装Cmder
特点:
一个控制台软件,内嵌Git Bash 也支持CMD 和 PowerShell,支持一键呼出,支持分屏
安装好了之后不要再安装Git Bash 了会重合。
Settings -- Interface language中选择中文 -- 然后点击导出选择ConEmu.xml文件打开--搜索language 确认是 "zh" --保存文件后在返回--保存Cmder设置
快捷键 ctrl + T 新建标签 ctrl + D 关闭当前标签
可设置快捷键 Settings -- 按键& 宏 -- 搜索分屏 选择想要的分屏样式 -- 在Choose hotkey栏设置快捷键
将cmder添加到右键菜单
将下载好的cmder.zip文件放到D盘并解压,然后记住文件所在的位置,我的文件解压到E:\software\cmder,然后复制路径,右键点击我的电脑--属性--高级系统设置--环境变量--系统变量,**点击新建,变量名设置为:**CMDER_HOME,变量值直接粘贴刚才拷贝的地址,然后点击系统变量中的path,点击新建,输入%CMDER_HOME%,至此,环境变量配置完成,一路点击确定关闭即可。
第二步添加 cmder 到右键菜单:环境变量添加后,在任意文件夹中即可打开Cmder,上一步的把 Cmder 加到环境变量就是为此服务的, win10系统下右键点击开始(屏幕左下角的图标“田”),选择**Windows PowerShell(管理员),**在管理员权限的终端输入以下语句即可:
Cmder.exe /REGISTER ALL
到此,即可将cmder添加至右键菜单!
安装Node.js
从官网安装,安装时选择双数版 Node8 、 Node 10 、Node 12 属于稳定版。
安装之后就有了node 命令(添加了PATH)、npm命令、npx命令等
cmder 输入node --version 、 npm --version 、 npx --version 检查没问题就安装成功了。
使用 npm i -g nrm 命令安装nrm,nrm --version确认是否安装成功(建议使用node14版本)
然后使用淘宝的镜像
npm use taobao
npm i -g http-server
全局安装的文件都在 C:\Users\yume\AppData\Roaming\npm\http-server 中。
which http-server
安装yarn(用于代替yarn)
yarn比较稳定不容易出错。去官网下载。
不使用 npm install -g yarn
安装 yarn !!!
如果已经使用 npm install -g yarn
安装了 yarn,那么使用 npm uninstall -g yarn
命令卸载 yarn
Windows 安装 yarn 1.x
官网给出的步骤如下:
- 进入官网下载安装包:https://classic.yarnpkg.com/en/docs/install#windows-stable
- 下载完后,解压,双击 msi 文件安装,安装在 D:\Software\yarn 最佳
- 安装完成后,请重启命令行(退出再打开),此时yarn才可正常使用
Mac 安装 yarn 1.x
- 安装 homebrew
- brew install yarn
yarn --version
如果npm已经设置了淘宝的镜像源yarn也会使用淘宝的
yarn config list
yarn config v1.22.5
info yarn config
{
'version-tag-prefix': 'v',
'version-git-tag': true,
'version-commit-hooks': true,
'version-git-sign': false,
'version-git-message': 'v%s',
'init-version': '1.0.0',
'init-license': 'MIT',
'save-prefix': '^',
'bin-links': true,
'ignore-scripts': false,
'ignore-optional': false,
registry: 'https://registry.yarnpkg.com',
'strict-ssl': true,
'user-agent': 'yarn/1.22.5 npm/? node/v14.17.4 win32 x64'
}
info npm config
{
home: 'https://npm.taobao.org',
registry: 'https://registry.npm.taobao.org/'
}
Done in 0.04s.
安装yarn 源管理器 yrm yarn global add yrm
然后在可能还要在设置淘宝yrm use taobao
使用yarn config list 查看registry
命令行中的复制粘贴
在 Mac 的 iTerm2.app 里
- 用鼠标选中文字即复制
- 点击鼠标中键就是粘贴
在 Windows 的 cmder 里
- 用鼠标选中文字即自动复制
- 单击鼠标右键就是粘贴
- Shift + Insert 也是粘贴
在 Windows 的 Git Bash 里
- 用鼠标选中文字,然后右键 copy 就是复制
- 用鼠标选中文字,然后按 ctrl + insert 也是复制
- 点击鼠标中键就是粘贴
- Shift + Insert 也是粘贴
VSCode 中使用Cmder 的终端s
ctrl + shift + p 搜索 Settings json文件(不是默认的json)
[https://github.com/cmderdev/cmder/wiki/Seamless-VS-Code-Integration#use-cmder-embedded-git-in-vscode]:
将以下代码插入进去并保存([cmder_root]替换成cmder根目录双斜杠):
"git.enabled": true,
"git.path": "[cmder_root]\\vendor\\git-for-windows\\cmd\\git.exe",
"terminal.integrated.shell.windows": "[cmder_root]\\vendor\\git-for-windows\\bin\\bash.exe",