最近要学习一些前端HTML和python,需要一个编辑器,之前有用过 VS code 还是很不错的,虽然只会一些基础的开箱即用的,但还是记一下好了。
首先当然是下载啦
https://code.visualstudio.com/code.visualstudio.com![c2c37d510e1de9d01e6bcde7e0f61fc3.png](https://img-blog.csdnimg.cn/img_convert/c2c37d510e1de9d01e6bcde7e0f61fc3.png)
下载完成之后和其他软件一样,一路同意
![3b12ca373969f833f9320de7a856ce7d.png](https://img-blog.csdnimg.cn/img_convert/3b12ca373969f833f9320de7a856ce7d.png)
最好还是不要中文路径
![c78b1f4a90d12a19908c4a19eb8b2e5f.png](https://img-blog.csdnimg.cn/img_convert/c78b1f4a90d12a19908c4a19eb8b2e5f.png)
这里添加到环境变量打上勾就不用自己手动设置了
![07833cd95dcae55b03861a04d7359946.png](https://img-blog.csdnimg.cn/img_convert/07833cd95dcae55b03861a04d7359946.png)
![fa8553ba5e83f98587f5bf2bcd5c6ca8.png](https://img-blog.csdnimg.cn/img_convert/fa8553ba5e83f98587f5bf2bcd5c6ca8.png)
打开主界面,简洁黑
![0d421b84645d87fc7153b4144a294ddf.png](https://img-blog.csdnimg.cn/img_convert/0d421b84645d87fc7153b4144a294ddf.png)
由于我英语太菜了,只能用中文补丁,大佬随意,安装插件,然后重启。
![679e8ac68abe956ec52f1516eefb55d5.png](https://img-blog.csdnimg.cn/img_convert/679e8ac68abe956ec52f1516eefb55d5.png)
中文OK了
![ee19fd6a11ede055790e47fb443f07df.png](https://img-blog.csdnimg.cn/img_convert/ee19fd6a11ede055790e47fb443f07df.png)
按照我的理解,VScode里面是一个分工作区的,在一个工作区里可以放工作文件夹,我还是用回我自己的目录的
![f79c577f1666e6f24ccec69a89ec71f5.png](https://img-blog.csdnimg.cn/img_convert/f79c577f1666e6f24ccec69a89ec71f5.png)
![20e4e9102505dda62db5d37ae0ff8e89.png](https://img-blog.csdnimg.cn/img_convert/20e4e9102505dda62db5d37ae0ff8e89.png)
这样就行
![ada3318b07ccc297c9eaaa14012365a0.png](https://img-blog.csdnimg.cn/img_convert/ada3318b07ccc297c9eaaa14012365a0.png)
我是使用谷歌浏览器来调试HTML的,所以下载一个插件才行
![a6c6e2f38c6f594c5314da70957bd52a.png](https://img-blog.csdnimg.cn/img_convert/a6c6e2f38c6f594c5314da70957bd52a.png)
还有一个python
![12294ac5b4234fd206258dd893bd70e1.png](https://img-blog.csdnimg.cn/img_convert/12294ac5b4234fd206258dd893bd70e1.png)
设置下自动保存,不然电脑突然死机就难受了
![e7beeddc380af6a6825fee89dbcf0c9c.png](https://img-blog.csdnimg.cn/img_convert/e7beeddc380af6a6825fee89dbcf0c9c.png)
还有自动换行
![30797239503f087260155ade752036cd.png](https://img-blog.csdnimg.cn/img_convert/30797239503f087260155ade752036cd.png)