vscode相关

参考网址：前端系列：Node.js安装与配置（详细步骤） - 坦笑&&life - 博客园

一、VSCode插件

1.导出使用的插件

• 进入插件目录

• dir C:\Users\administrator\Desktop\aaa/b >C:\Users\administrator\Desktop\1.txt

将插件目录下，保存为1.txt

2.vscode下载的插件

https://marketplace.visualstudio.com/items?itemName=跟上名字后的就是对应插件

例如Image preview

地址是：https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview

Git History 作者：Don Jayamanne

GitLens — Git supercharged 作者：GitKraken

Vue (Official)作者：vue官方

chandzhang.wechat-snippet

christian-kohler.path-intellisense

open in browser -publisher:"TechER"

formulahendry.code-runner

Image preview =》kisstkondoros.vscode-gutter-preview

msjsdiag.debugger-for-chrome

pranaygp.vscode-css-peek

小程序自动创建3个原文件：
qiu8310.minapp-vscode

sainoba.px-to-rem

sibiraj-s.vscode-scss-formatter

spook.easysass

svn-Chris Johnston

3.常用插件

当前位置：到常用插件了
说明：链接的是官方的

• 翻译
  https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
• git相关：githistory,gitlens
  https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
• vue
  https://marketplace.visualstudio.com/items?itemName=Vue.volar

插件名	作者	说明
Live Server	Ritwick Dey	浏览器样式预览（实时）
CSS Peek	Pranay Prakash	css
open in browser	TechER	浏览器样式预览
Path Intellisense	Christian Kohler	地址智能填充
px to rem	Marco N	移动开发

三、vscode问题

1.代码白色

1.左上角，文件-首选项-颜色主题（或者按快捷键ctrl+k，ctrl+t）
2.换主题
3.语法就能高亮了

2.vscode语法不显示高亮

还是在github上找到的答案，百度翻答案咋都没找到-_-

原因：主题问题

3.vscode下载速度慢

• 笔记更新日期：2023-3-6 11:18:33
  例如点击官网的下载后，复制下载地址https://az764295.vo.msecnd.net/stable/92da9481c0904c6adfe372c12da3b7748d74bdcb/VSCodeUserSetup-x64-1.76.0.exe

• az764295.vo.msecnd.net

• vscode.cdn.azure.cn
  将地址改为

vscode.cdn.azure.cn

得到快速下载链接：

https://vscode.cdn.azure.cn/stable/92da9481c0904c6adfe372c12da3b7748d74bdcb/VSCodeUserSetup-x64-1.76.0.exe

四、工作环境搭建

1.安装Node.js

• 下载Node.js官网下载,下载长期支持版本
• 验证安装成功

node -v
npm -v

2.设置淘宝镜像

说明: 国内下载依赖包很慢

npm config get registry
# 显示https://registry.npmmirror.com，我这里已经修改过

1. 更换为国内镜像

npm config set registry https://registry.npmmirror.com

2. 检查镜像是否配置成功

npm config get registry

3.下载软件

1. 360极速浏览器X
2. Snipsate
3. typora
   • pie主题
   • 图片位置
4. v2订阅地址
5. VSCode
   • vscode插件点击跳转到常用插件
6. git查看是否安装

git -v

7. front-end-notes笔记
8. 百度输入法