VSCode怎么用? 史上超全vscode配置使用教程

  发布时间:2023-12-22 14:46:01   作者:佚名   我要评论
VSCode是轻量且强大的代码编辑,很多朋友不知道怎么下载VSCode使用,下面我们就来看看史上超全vscode配置使用教程

GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
如果你想靠AI翻身,你先需要一个靠谱的工具!

4、css-auto-prefix

自动添加 CSS 私有前缀。

5、change-case

转换命名风格。

6、CSS Peek

定位 CSS 类名。

7、vscode-json

处理 JSON 文件,用法看图:

8、Regex Previewer

实时预览正则表达式的效果。

9、韭菜盒子

大家如果平时也买买基金和股票,上班又不好一直看手机,推荐安装个韭菜盒子,一边写代码一边看股票

安装之后,你的vscode左侧会多出一个图标,点击它添加自己关注的基金和股票

设置同步

花了一天终于把vscode配置成自己满意的样子,如果每换一次电脑就要重新来一次,大家一定会手撕了我。放心,早就帮大家准备好了。Settings Sync,在不同电脑间同步你的插件。

首先要想在不同的设备间同步你的插件, 需要用到 Token 和Gist id

Token 就是你把插件上传到 github 上时, 让你保存的那段字符,Gist id 在你上传插件的那台电脑上保存着。

先给大家来三个快捷键,后面会用到

1、CTRL+SHIFT+P 我也不知道叫什么,暂且就叫它功能搜索功能吧
2、ALT+SHIFT+D 下载配置
3、ALT+SHIFT+U 上传配置

现在手把手教大家配置:

  • 1、安装Settings Sync
  • 2、登陆Github>settings>Developer settings>personal access tokens>generate new token,输入名称,勾选Gist,提交

  • 3、保存Github Access Token
  • 4、打开vscode,Ctrl+Shift+P打开命令框-->输入sync-->选择高级设置-->编辑本地扩展设置-->编辑token
  • 5、Ctrl+Shift+P打开命令框-->输入sync-->找到update/upload settings,上传成功后会返回Gist ID,保存此Gist ID.

  • 6、在 VSCode 里,依次打开: 文件 -> 首选项 -> 设置,然后输入 Sync 进行搜索:能找到你gist id

  • 7、若需在其他机器上DownLoad插件的话,同样,Ctrl+Shift+P打开命令框,输入sync,找到Download settings,会跳转到Github的Token编辑界面,点Edit,regenerate token,保存新生成的token,在vscode命令框中输入此Token,回车,再输入之前的Gist ID,即可同步插件和设置

开启一个本地服务

第一种方式

1.安装Debugger for Chrome插件

2.使用ctrl+`快捷键打开终端,然后输入npm install -g live-server

3.在命令行里输入 live-server即可

第二种方式

在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地的服务器。 本文是利用node.js中的http-server,开启本地服务,步骤如下:

1.安装http-server

在终端输入:$ npm install http-server -g

2.开启 http-server服务

终端进入目标文件夹,然后在终端输入:

$ http-server -c-1   (⚠️只输入http-server的话,更新了代码后,页面不会同步更新)
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.8.196:8080
Hit CTRL-C to stop the server

3.关闭 http-server服务

按快捷键CTRL-C 终端显示^Chttp-server stopped.即关闭服务成功。

蓄力AI

相关文章

最新评论