上一章为大家推荐了几款前端开发软件

我个人习惯使用VS Code

Microsoft出品，轻量但强大，针对于编写现代Web和云应用的跨平台源代码编辑器。可以在MacOS X、Windows和 Linux等操作平台使用。
具有对JavaScript、TypeScript和Node.js的内置支持，并具有丰富的其他语言(例如C++，C#Java，Python，PHP，Go)和运行时(例如.NET和Unity)扩展的生态系统官方地址:Visual Studio Code -Code Editing. Redefined
优点:免费开源，轻量流畅，功能丰富，支持插件，界面简洁，智能代码补全，运行速度很快缺点:几乎没有什么太大的缺点(PS:撤销恢复之前的编辑时出现过问题，希望官方能够尽快修复）

 为VSCode安装以下插件，便于我们进行更好的开发工作

·Chinese (Simplified) Language Pack for Visual Studio Code:中文(简体)语言包(PS1:不完全显示中文，但是大多数都会译为英文;PS2:喜欢原生态或者英文OK的话，可忽略)Ayu:简单的主题与明亮的颜色’
vscode-icons:好看的图标
Live Server: A Quick Development Live Server with live browser reload,即提供一个live服务器，并且支持代码与浏览器之间的实时同步刷新(PS:这样我们在写前端代码时就能实时看到效果了)

使用Live-Server

一款npm工具，在当前HTML中右键单击，选择Open With Live Server

可能会出现下列问题

问题一 ：Open a foider or workspace...(File -> Open Folder)

解决方式：需要打开HTML所在文件夹，通过导航栏  文件-打开文件夹， 选择我们编写的HTML，再去Open With Live Server即可

问题二：Server is started at 55oo but failed to open in Browser Preview

j解决方式：在liveserver设置中。找到Live Server>Settings:Use  Brower Preview,取消对Open in Brower Preview inside VS Code ,instead of default brower 的勾选即可

 问题三

Error：connect ECONNREFUSED 127.0.0.1:80

解决方式:取消使用代理，修改enable为false(这里我一直以为是live-server服务器本身的代理端
live-server默认使用5500端口

 实际上，配置端口要在 Live Server>Settings:Port 选项进行设置

 自定义端口号
按照上述说明，点击在settings.json中编辑 会打开settings.json 文件

 

这里如果将 liveServer.settings.port 配置为0，会随机选择端口号