Vscode软件前端开发环境构建

vscode是免费开源的，可以直接在官网下载

网址：https://code.visualstudio.com/

vscode怎样设置成中文模式

( a )按快捷键Ctrl + Shift + P , 在vscode顶部会出现一个搜索框

( b ) 输入configure language，然后回车 ,vscode里面就会打开一个语言配置文件

configure language 配置语言

( c ) 将en修改成zh-cn，按Ctrl + S保存设置，然后重启该软件

( d ) 结果

创建工作区

前端开发必备插件

(1) 安装插件的方法

(2) vscode-icons

让 vscode 资源树目录加上图标

(3) Live Server

有时会遇到Live Server失效的情况

此时浏览器不能自动开启，但手动打开浏览器输入地址有效。
这个问题不易解决，可使用View In Brower代替

(4) View In Brower

在浏览器中预览页面

(5)Markdown Preview