Atom 编辑器 设置.vue 文件

来源:互联网 发布:linux ssh2 编辑:程序博客网 时间:2024/06/17 01:25

Atom 编辑器 设置.vue 文件

atom 编辑器特别轻巧且灵活,可以根据个人需要,添加各种插件,方便使用,下面就介绍一下使用atom 来编辑vue文件。

  • 安装atom编辑器
    可以上官网下载,这里提供地址链接:https://pan.baidu.com/s/1nvklsnf 密码:teov
    软件安装路径默认的是C盘

  • 安装atom编辑器常用插件
    上面的百度云盘里面有对应的常用插件。
    打开C:\Users\yonghu
    找到.atom文件如图:

这里写图片描述

接着,找到packages文件夹,如图
这里写图片描述

将云盘里的packages压缩包,解压到上面的文件夹里,里面都是常用的插件的,可根据个人进行筛选。如图:
这里写图片描述

打开atom编辑器,现在的界面已经为汉化后的界面了。

  • 设置.vue文件代码片段
    打开文件,选择用户代码片段,如图
    这里写图片描述

当然,也可以在编辑器上直接安装,如图,但貌似是国外的安装包,下载不下来。
这里写图片描述

在snippets.cson文件下方,添加 vue代码片段
这里写图片描述

之后创建.vue 文件后,输入template 按回车键 就会自动补全代码,如图
这里写图片描述

原创粉丝点击