编辑器的使用

2019-08-01  本文已影响0人  Kiki_Q

1.Visual Studio Code

安装地址:https://code.visualstudio.com/docs/?dv=win

汉化

扩展中搜索chinese汉化包,‘restart now’重启确认
摘自:https://jingyan.baidu.com/article/47a29f248b16aac0142399fb.html

字体大小设置

摘自:https://jingyan.baidu.com/article/db55b609c198b94ba20a2f5a.html

代码片段

文件->首选项->用户代码片段
vue模板示例:

{
    "Print to console": {
      "prefix": "vue",
      "body": [
        "<!-- $0 -->",
        "<template>",
        "  <div id='idName'></div>",
        "</template>",
        "",
        "<script>",
        "export default {",
        "  data () {",
        "    name: ' '",
        "    return {",
        "    };",
        "  },",
        "",
        "  components: {},",
        "",
        "  computed: {},",
        "",
        "  watch: {},",
        "",
        "  created: {},",
        "",
        "  mounted: {},",
        "",
        "  methods: {}",
        "}",
        "",
        "</script>",
        "<style lang='scss' scoped>",
        "</style>"
    ],
      "description": "Log output to console"
    }
  }

相关插件推荐

摘自:编辑器常用插件含vue、react

vue风格设置

商店下载vetur


2.webstorm

破解教程

摘自:https://www.jianshu.com/p/4c81cf31b94d
注:无法安装的小朋友,请按评论区执行!

上一篇 下一篇

猜你喜欢

热点阅读