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 按回车键 就会自动补全代码,如图

注意

如果发现language-vue 安装后 还是没有高亮的,可以试试装language-vue-component

Logo

前往低代码交流专区

更多推荐