在开发中我们发现后端代码偏向逻辑性，而前端代码更偏向视图性，所以选择一个好的前端开发工具是让你对前端开发保持热情的重要元素！
在使用了三四种开发工具并进行反复的挣扎后，博主最终选择了vscode，究其原因不过两点：1、体量很小，功能简洁，使用简单。2、有很合适的vue插件
下面附上下载地址：点我下载，建议大家下载安装版，比较稳定！
插件安装，点击图中标记图标，进入应用商店：

如上图所示在输入框中搜索chinese出现中文简体语言包插件，点击安装：

安装完成后，右下角弹出弹窗：

点击Restart Now 重启软件：

上图看到，我们的中文简体语言包已经生效，同理安装下图所列插件：
Atom One Dark Theme：vscode黑色主题，比较护眼，适合长时间编程使用；
Beauty：vscode格式化工具，支持css，js，html等多种语言的格式化操作；
Debugger for Chrome：安装之后可以在chrome中调试前端代码；
Open HTML in Default Browser ML：在浏览器中默认打开html类型文件；
TODO Highlight：使用todo做高亮标记；
Vetur：vue文件的语法高亮显示，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件，比如Sass和TypeScript；

工具安装完成后，我们就可以思考代码的问题了！
下一节我们会建立一个vue单页面！

预知后事如何，且听下回分解