咳咳,本来用的一直是IDEA,但是IDEA在我电脑上跑起来非常~非常慢,所以果断弃用,转战VSCode。
VSCode是一款轻量级的编辑器,电脑跑起来毫无压力,简直不要太爱~~~~
颜值也是杠杠滴,无图无真相,来,上图
是不是马上就有一种敲代码的欲望,,,嘎嘎嘎 ……奥利给
VSCode创建web工程也是非常方便的,不像IDEA还得经过n多步。
进入VSCode之后,满满的都是英文,对于我这种英语二级都勉强的人来说,简直是恶魔,话不多说,立马换中文。嘎嘎嘎
- Ctrl+Shift+P 进入控制面板,在输入框敲上【Configure Display Language】。
- 点击【install additional language】添加语言包。
- 安装中文简体。
- OK,重启。亲切感马上倍增。
想用VSCode跑Web程序,还得装一个必要的插件。【Live Server】
- 点击扩展框
- 搜索 Live Server
- install
- 设置配置信息
- 设置默认打开的浏览器。建议Chrome
创建web工程:
- 点击【文件】—>打开文件夹
- 在桌面是建一个存放web工程的文件夹。
- 选择该文件夹
- 新建文件
- 输入文件名,注意:后缀是.html
写好HTML程序后,在代码界面右键,点击【Open with Live Server】,在网页上插看结果。
到这一步,编辑器可能会提示“找不到Chrome文件”的提示信息。不要慌。这是因为你的Chrome安装路径和编辑器查找的路径对不上,设置一下就OK。
- 打开【文件】—>首选项—>设置
- 在找到settings.json中编辑
- 在settings.json中添加Chrome的路径
- 重启VSCode,完美解决问题。
当然,安装VSCode之后,还得小小的配置一下,毕竟,编辑器的好看与否,直接关系我们平时打开它的次数。嘿嘿。
- 下载安装插件【background】
- 配置拓展设置
- 在settings.json中编辑
- 敲上如下代码:
"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
}
- 删掉上面我的注释,把代码粘贴到settings.json中。
- 重启。美美哒。
最后推荐一个好看有实用的高清壁纸网站:
彼岸图网
满满的都是4k高清的壁纸,当然,不是免费的。但是,只需要一块钱就可以获得7天的VIP,每天可以下载20张美图。还是挺划算的。
最最后,附上我喜欢的几张图片.
有没有心动~~~~~~~~
彼岸图网