用户登录

使用 VSCode 开发 Vue 应用,可以简单配置一下。如果你发现 Vue 应用里的 vue 文件里的代码不能高亮显示,可以在编辑器安装一个 vetur 插件,打开编辑器的扩展管理,搜索 vetur,找到以后安装一下这个插件。

再打开应用里的一个 vue 文件,你会发现文件里的代码已经可以高亮显示了,这个 vetur 还提供了一个其它的功能,可以辅助我们开发 vue 应用。

另外代码的格式化也可以再安装一个扩展,搜索一下 prettier, 安装一下这个扩展。再打开编辑器的配置,搜索 format on save, 勾选一下 Format On Save 这个选项。

这样保存文件的时候,会自动格式化代码。

在项目下面可以新建一个 prettier 的配置文件,文件的名字是 .prettierrc,这是一个 json 格式的文件,先把 singleQuote 这个配置设置成 true,再把 trailingCommna 设置成 all 。

现在,编辑代码,保存代码文件以后,会自动帮我们格式化代码。

VSCode:配置开发 Vue 应用《 Vue.js 前端应用 #1:理解框架 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点