1.下载安装
下载地址:https://code.visualstudio.com/
2.安装插件
打开vscode,安装一下插件:
① jsx
② ESLint
③ React Native Tools
④ Visual Studio Code Settings Sync
⑤ git History git历史
⑥ vscode-icons 文件图标
⑧ HTML Snippets html代码片段
⑨ HTML CSS Support css智能提示
⑩ Path Intellisense 自带路径补全
相关插件推荐:https://segmentfault.com/a/1190000006697219
插件很多,根据自己的实际工作需要安装相应插件即可
3.快捷键
- cmd+shift+P / F1 万能键
- cmd+shift+F全文搜索
- cmd+P快速切换文件(比Atom智能)
- cmd+点击指定文件,将此文件在分屏栏打开
- cmd+D多选
- cmd+E 打开命令行,其他指令其实都是基于命令行的,可直接在输入框输入?来查询指令
- ctrl+G跳转到指定行
- ctrl+tab快速切换到上一个文件,多次按(shift)tab可以来回选择,也可以直接点击文件顶部名称来显示历史文件列表进行切换
- alt+↑/↓调整代码行整体上下移动
- alt+点击多处可以多光标操作,也可以alt+cmd+↑/↓多光标选择,但是不支持直接拖,没sublime方便