VSCode

咳咳，本来用的一直是IDEA，但是IDEA在我电脑上跑起来非常~非常慢，所以果断弃用，转战VSCode。
VSCode是一款轻量级的编辑器，电脑跑起来毫无压力，简直不要太爱~~~~
颜值也是杠杠滴，无图无真相，来，上图

是不是马上就有一种敲代码的欲望，，，嘎嘎嘎 ……奥利给
VSCode创建web工程也是非常方便的，不像IDEA还得经过n多步。

进入VSCode之后，满满的都是英文，对于我这种英语二级都勉强的人来说，简直是恶魔，话不多说，立马换中文。嘎嘎嘎

1. Ctrl+Shift+P 进入控制面板，在输入框敲上【Configure Display Language】。
2. 点击【install additional language】添加语言包。
3. 安装中文简体。
4. OK，重启。亲切感马上倍增。

想用VSCode跑Web程序，还得装一个必要的插件。【Live Server】

1. 点击扩展框
   
2. 搜索 Live Server
3. install
4. 设置配置信息
   
5. 设置默认打开的浏览器。建议Chrome
   

创建web工程：

1. 点击【文件】—>打开文件夹
2. 在桌面是建一个存放web工程的文件夹。
3. 选择该文件夹
4. 新建文件
   
5. 输入文件名，注意：后缀是.html
   

写好HTML程序后，在代码界面右键，点击【Open with Live Server】，在网页上插看结果。

到这一步，编辑器可能会提示“找不到Chrome文件”的提示信息。不要慌。这是因为你的Chrome安装路径和编辑器查找的路径对不上，设置一下就OK。

1. 打开【文件】—>首选项—>设置
2. 在找到settings.json中编辑
3. 在settings.json中添加Chrome的路径
   
4. 重启VSCode，完美解决问题。

当然，安装VSCode之后，还得小小的配置一下，毕竟，编辑器的好看与否，直接关系我们平时打开它的次数。嘿嘿。

1. 下载安装插件【background】
2. 配置拓展设置
   
3. 在settings.json中编辑
   
4. 敲上如下代码：

  "background.useDefault": false,//是否使用默认背景，当然否了
    "background.useFront": false,//将图片设置为前景，当然否
    
"background.style": {//设置图片的显示样式
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",//使用照片的绝对路径
    "z-index": "99999",
    "width": "100%",//照片大小
    "height": "100%",
    "background-position": "0% 0%",
    "background-size": "cover",
    "background-repeat": "no-repeat",
    "opacity": 0.4//透明度
},
//下面拷上喜欢的图片的地址。注意：格式一定要和下面的一样。这是个坑。
    "background.customImages": [
        "file:///F:/VScode/Microsoft VS Code/background/6.jpg"
    ],
    "editor.fontSize": 16
}

5. 删掉上面我的注释，把代码粘贴到settings.json中。
6. 重启。美美哒。

最后推荐一个好看有实用的高清壁纸网站：
彼岸图网
满满的都是4k高清的壁纸，当然，不是免费的。但是，只需要一块钱就可以获得7天的VIP，每天可以下载20张美图。还是挺划算的。

最最后，附上我喜欢的几张图片.






有没有心动~~~~~~~~
彼岸图网