Webcourse/00-前端工具/03-VS Code.md

129 lines
2.9 KiB
Markdown
Raw Normal View History

2018-04-08 22:41:47 +08:00
2018-04-20 09:29:25 +08:00
## 常见操作
### 如何查看代码结构
- 方法一「Cmd + Shift + O」
- 方法二:安装插件`Code Outline`
参考链接:<https://www.zhihu.com/question/264045094>
2018-04-08 22:41:47 +08:00
## 常用插件
方式一打开VS Code左侧有五个按钮点击最下方的按钮然后就可以开始安装相应的插件了。
方式二在vscode中输入快捷键「ctrl+shift+P」弹出指令窗口输入`extension:install`,回车,左侧即打开扩展安装的界面。
### sftp文件传输
输入快捷键「ctrl+shift+P」弹出指令窗口输入`sftp:config`,回车,当前工作工程的`.vscode`文件夹下就会自动生成一个`sftp.json`文件,我们需要在这个文件里配置的是:
- `host`服务器的IP地址
- `username`:工作站自己的用户名
- `privateKeyPath`存放在本地的已配置好的用于登录工作站的密钥文件也可以是ppk文件
- `remotePath`工作站上与本地工程同步的文件夹路径需要和本地工程文件根目录同名且在使用sftp上传文件之前要手动在工作站上mkdir生成这个根目录
- `ignore`指定在使用sftp: sync to remote的时候忽略的文件及文件夹注意每一行后面有逗号最后一行没有逗号
举例如下:(注意,其中的注释不能保留)
```json
{
"host": "", //服务器ip
"port": 22, //端口sftp模式是22
"username": "", //用户名
"password": "", //密码
"protocol": "sftp", //模式
"agent": null,
"privateKeyPath": null,
"passphrase": null,
"passive": false,
"interactiveAuth": false,
"remotePath": "/root/node/build/", //服务器上的文件地址
"context": "./server/build", //本地的文件地址
"uploadOnSave": true, //监听保存并上传
"syncMode": "update",
"watcher": { //监听外部文件
"files": false, //外部文件的绝对路径
"autoUpload": false,
"autoDelete": false
},
"ignore": [ //忽略项
"**/.vscode/**",
"**/.git/**",
"**/.DS_Store"
]
}
```
2018-04-09 22:03:58 +08:00
### Sass Formatter
Sass 文件格式化。
2018-04-20 09:29:25 +08:00
### Code Outline显示代码结构
2018-04-09 22:03:58 +08:00
2018-04-20 09:29:25 +08:00
安装好插件「Code Outline」后可以在左侧的资源管理器中显示当前文件的代码结构
![](http://img.smyhvae.com/20180420_0925.png)
2018-04-08 22:41:47 +08:00
参考链接:
2018-04-20 09:29:25 +08:00
- <https://www.zhihu.com/question/50273450>
- <http://itopic.org/vscode.html>
- <https://github.com/varHarrie/varharrie.github.io/issues/10>
### 参考链接
2018-04-08 22:41:47 +08:00
- <https://www.jianshu.com/p/0724921285d4>
- <https://www.cnblogs.com/AmosLee94/p/8338013.html>
## 常用快捷键
### 代码格式化
Shift + Alt + F
2018-04-09 22:03:58 +08:00
### 如何同时打开多个窗口
Ctrl + Shift + N
2018-04-08 22:41:47 +08:00
## 问题
问题1
解决You can kill the Microsoft.VSCode.Cpp.IntelliSense.Msvc process to save the file successfully. 也就是 IntelliSense 这个进程。